Gecko [ eib-egypt.com ]

Name	Size	Permission
CLEditor1_4_3	[ DIR ]	drwxrwxrwx
JS	[ DIR ]	drwxrwxrwx
Pics	[ DIR ]	drwxrwxrwx
ckeditor	[ DIR ]	drwxrwxrwx
colorpickersliders	[ DIR ]	drwxrwxrwx
AdminTopBanner.ascx	121 B	-rw-rw-rw-
AdminTopBanner.ascx.cs	425 B	-rw-rw-rw-
Admin_MasterPage.master	8.1 KB	-rw-rw-rw-
Admin_MasterPage.master.cs	3.5 KB	-rw-rw-rw-
Admin_MasterPage_Action.master	844 B	-rw-rw-rw-
Admin_MasterPage_Action.master...	1.44 KB	-rw-rw-rw-
Admin_MasterPage_POP.master	976 B	-rw-rw-rw-
Admin_MasterPage_POP.master.cs	1.44 KB	-rw-rw-rw-
Admin_StyleSheet.css	2.94 KB	-rw-rw-rw-
Background-Style.aspx	5.78 KB	-rw-rw-rw-
Background-Style.aspx.cs	16.13 KB	-rw-rw-rw-
Border-Style.aspx	44.13 KB	-rw-rw-rw-
Border-Style.aspx.cs	21.86 KB	-rw-rw-rw-
BorderOnly-Style.aspx	39.69 KB	-rw-rw-rw-
BorderOnly-Style.aspx.cs	20.83 KB	-rw-rw-rw-
Default.aspx	551 B	-rw-rw-rw-
Default.aspx.cs	2.25 KB	-rw-rw-rw-
EditorPage.aspx	357.07 KB	-rw-rw-rw-
EditorPage.aspx.cs	158.4 KB	-rw-rw-rw-
EditorPage_Delete.aspx	1.85 KB	-rw-rw-rw-
EditorPage_Delete.aspx.cs	2.88 KB	-rw-rw-rw-
EditorPage_Update_Order.aspx	397 B	-rw-rw-rw-
EditorPage_Update_Order.aspx.c...	5.18 KB	-rw-rw-rw-
EditorPages.aspx	6.79 KB	-rw-rw-rw-
EditorPages.aspx.cs	10.64 KB	-rw-rw-rw-
Fonts.aspx	8.65 KB	-rw-rw-rw-
Fonts.aspx.cs	10.69 KB	-rw-rw-rw-
Groups_Hidden.aspx	2.36 KB	-rw-rw-rw-
Groups_Hidden.aspx.cs	3.15 KB	-rw-rw-rw-
Groups_New.aspx	3.45 KB	-rw-rw-rw-
Groups_New.aspx.cs	11.17 KB	-rw-rw-rw-
Groups_Update.aspx	4.47 KB	-rw-rw-rw-
Groups_Update.aspx.cs	13.53 KB	-rw-rw-rw-
Groups_Update_Hide.aspx	387 B	-rw-rw-rw-
Groups_Update_Hide.aspx.cs	1.8 KB	-rw-rw-rw-
Groups_Update_Order.aspx	389 B	-rw-rw-rw-
Groups_Update_Order.aspx.cs	4.77 KB	-rw-rw-rw-
HeaderFooterNew.aspx	1.12 KB	-rw-rw-rw-
HeaderFooterNew.aspx.cs	283 B	-rw-rw-rw-
Help.aspx	10.91 KB	-rw-rw-rw-
Help.aspx.cs	262 B	-rw-rw-rw-
InitiateModule.aspx	379 B	-rw-rw-rw-
InitiateModule.aspx.cs	15.9 KB	-rw-rw-rw-
Link-Style.aspx	115.94 KB	-rw-rw-rw-
Link-Style.aspx.cs	72.5 KB	-rw-rw-rw-
Login.aspx	2.35 KB	-rw-rw-rw-
Login.aspx.cs	4.55 KB	-rw-rw-rw-
Logos.aspx	5.34 KB	-rw-rw-rw-
Logos.aspx.cs	14.08 KB	-rw-rw-rw-
Module-Settings-Common.aspx	2.94 KB	-rw-rw-rw-
Module-Settings-Common.aspx.cs	5.57 KB	-rw-rw-rw-
Module-Settings.aspx	6.53 KB	-rw-rw-rw-
Module-Settings.aspx.cs	5.49 KB	-rw-rw-rw-
Photos-POP.aspx	6 KB	-rw-rw-rw-
Photos-POP.aspx.cs	12.97 KB	-rw-rw-rw-
Photos.aspx	5.9 KB	-rw-rw-rw-
Photos.aspx.cs	12.81 KB	-rw-rw-rw-
StartGroup.aspx	1.63 KB	-rw-rw-rw-
StartGroup.aspx.cs	4.67 KB	-rw-rw-rw-
Strip-Style.aspx	89.8 KB	-rw-rw-rw-
Strip-Style.aspx.cs	49.81 KB	-rw-rw-rw-
Text-Border-Style.aspx	54.86 KB	-rw-rw-rw-
Text-Border-Style.aspx.cs	31.23 KB	-rw-rw-rw-
Text-Style.aspx	8.67 KB	-rw-rw-rw-
Text-Style.aspx.cs	13.67 KB	-rw-rw-rw-
Text.aspx	3.06 KB	-rw-rw-rw-
Text.aspx.cs	3.71 KB	-rw-rw-rw-
UpperBanners.aspx	15.72 KB	-rw-rw-rw-
UpperBanners.aspx.cs	29.14 KB	-rw-rw-rw-
UpperBanners_InsertBlank.aspx	399 B	-rw-rw-rw-
UpperBanners_InsertBlank.aspx....	1.65 KB	-rw-rw-rw-
UpperBanners_Set_Effect.aspx	397 B	-rw-rw-rw-
UpperBanners_Set_Effect.aspx.c...	1.02 KB	-rw-rw-rw-
WUC_RightMenu.ascx	5.1 KB	-rw-rw-rw-
WUC_RightMenu.ascx.cs	8.99 KB	-rw-rw-rw-
try.aspx	15.38 KB	-rw-rw-rw-
try.aspx.cs	545 B	-rw-rw-rw-
try.htm	8.81 KB	-rw-rw-rw-

Code Editor : EditorPage.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin_MasterPage.master" AutoEventWireup="true" CodeFile="EditorPage.aspx.cs" Inherits="Admin_EditorPage"  ValidateRequest="false"  %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

// This code is generally not necessary, but it is here to demonstrate
    // how to customize specific editor instances on the fly. This fits well
    // this demo because we have editable elements (like headers) that
    // require less features.

// The "instanceCreated" event is fired for every editor instance created.
    CKEDITOR.on('instanceCreated', function (event) {
        var editor = event.editor,
				element = editor.element;

// Customize editors for headers and tag list.
        // These editors don't need features like smileys, templates, iframes etc.
        if (element.getAttribute('id') == 'ctl00_ContentPlaceHolder1_txt_Title') 
    {
        // Customize the editor configurations on "configLoaded" event,
        // which is fired after the configuration file loading and
        // execution. This makes it possible to change the
        // configurations before the editor initialization takes place.
        editor.on('configLoaded', function () {

// Remove unnecessary plugins to make the editor simpler.
            //editor.config.removePlugins = 'colorbutton,find,flash,font,forms,iframe,image,newpage,removeformat,smiley,specialchar,stylescombo,templates';
            editor.config.removePlugins = 'find,forms,iframe,editing,templates,find,newpage,smiley,stylescombo';

//             Rearrange the layout of the toolbar.
//            					editor.config.toolbarGroups = [
//            						{ name: 'editing',		groups: [ 'basicstyles', 'links' ] },
//            						{ name: 'font' },
//            						{ name: 'clipboard',	groups: [ 'selection', 'clipboard' ] },
//            						{ name: 'about' }
//            					];

});
    }
    });

</script>

// This code is generally not necessary, but it is here to demonstrate
        // how to customize specific editor instances on the fly. This fits well
        // this demo because we have editable elements (like headers) that
        // require less features.

// The "instanceCreated" event is fired for every editor instance created.
        CKEDITOR.on('instanceCreated', function (event) {
            var editor = event.editor,
				element = editor.element;

// Customize editors for headers and tag list.
            // These editors don't need features like smileys, templates, iframes etc.
            if (element.getAttribute('id') == 'ctl00_ContentPlaceHolder1_txt_Description') {
                // Customize the editor configurations on "configLoaded" event,
                // which is fired after the configuration file loading and
                // execution. This makes it possible to change the
                // configurations before the editor initialization takes place.
                editor.on('configLoaded', function () {

// Remove unnecessary plugins to make the editor simpler.
                    //editor.config.removePlugins = 'colorbutton,find,flash,font,forms,iframe,image,newpage,removeformat,smiley,specialchar,stylescombo,templates';
                    editor.config.removePlugins = 'forms,iframe';

//             Rearrange the layout of the toolbar.
                    //            					editor.config.toolbarGroups = [
                    //            						{ name: 'editing',		groups: [ 'basicstyles', 'links' ] },
                    //            						{ name: 'font' },
                    //            						{ name: 'clipboard',	groups: [ 'selection', 'clipboard' ] },
                    //            						{ name: 'about' }
                    //            					];

});
            }
        });

</script>

// This code is generally not necessary, but it is here to demonstrate
            // how to customize specific editor instances on the fly. This fits well
            // this demo because we have editable elements (like headers) that
            // require less features.

// The "instanceCreated" event is fired for every editor instance created.
            CKEDITOR.on('instanceCreated', function (event) {
                var editor = event.editor,
				element = editor.element;

// Customize editors for headers and tag list.
                // These editors don't need features like smileys, templates, iframes etc.
                if (element.getAttribute('id') == 'ctl00_ContentPlaceHolder1_txt_Link') {
                    // Customize the editor configurations on "configLoaded" event,
                    // which is fired after the configuration file loading and
                    // execution. This makes it possible to change the
                    // configurations before the editor initialization takes place.

editor.on('configLoaded', function () {
                    
                        // Remove unnecessary plugins to make the editor simpler.
                        //editor.config.removePlugins = 'colorbutton,find,flash,font,forms,iframe,image,newpage,removeformat,smiley,specialchar,stylescombo,templates';
                        editor.config.removePlugins = 'find,flash,forms,iframe,newpage,removeformat,smiley,specialchar,stylescombo,templates';

//                                     Rearrange the layout of the toolbar.
/*
                                    					editor.config.toolbarGroups = [
                                    						{ name: 'editing',		groups: [ 'basicstyles', 'links' ] },
                                    						{ name: 'font' },
                                    						{ name: 'clipboard',	groups: [ 'selection', 'clipboard' ] },
                                    						{ name: 'about' }
                                    					];
                                                        */

});
                }
            });

</script>

<table align=center border=0 cellpadding=0 cellspacing=0 style="text-align:right; width:100%">
    <tr>
        <td style="padding:10px; text-align:center">
            <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 >
                <tr id="tr_Delete" runat=server visible=true>
                    <td class="AdminKey" style="vertical-align: top">
                        &nbsp;</td>
                    <td class="AdminValue" align="right" style="padding: 4px; text-align: left">
            <asp:button id="btn_Delete" runat="server"  Text="حذف هذا المحتوى" tabIndex="50" 
                            CausesValidation="False" OnClick="Button4_Click" CssClass="BtnCancel"></asp:button>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr id="tr_Types" runat=server visible=true>
                    <td class="AdminKey" style="vertical-align: top">
                        نوع المحتوى:</td>
                    <td class="AdminValue" align="right" style="text-align: right">
                        <table  align=right border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td style="padding:5px; vertical-align:top">

<table border=0 cellpadding=0 cellspacing=0>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_7" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_7_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">سلة محتويات بتصميم عرضي</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr runat=server visible=false>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_0" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_0_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">وعاء محتويات حرة</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_1" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_1_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">عنوان</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_2" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_2_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">نص / محتوى حر</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr id="Tr4" runat=server visible=false>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_10" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_10_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">عنوان + صورة + محتوى</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_3" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_3_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">صورة</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_5" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_5_CheckedChanged1" /></td>
                                                        <td style="padding:2px; width:100%">صورة في البوم</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr id="Tr5" runat=server visible=false>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px"><asp:RadioButton ID="rb_Type_4" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_4_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">البوم صور</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_9" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_9_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">رابط</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr id="Tr6" runat=server visible=false>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_8" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_8_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">سلسلة من المحتويات عرضية</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_101" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_101_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">مكان مراسة</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding:5px">
                                                <table align=center border=0 cellpadding=0 cellspacing=0 style="border:solid 1px #f5f5f5; width:100%">
                                                    <tr>
                                                        <td style="background:#f5f5f5; padding:2px">
                                                            <asp:RadioButton ID="rb_Type_201" 
                                                                runat="server" GroupName="Type" AutoPostBack="True" 
                                                                oncheckedchanged="rb_Type_201_CheckedChanged" /></td>
                                                        <td style="padding:2px; width:100%">مساحة لون</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>

</td>

</tr>
                            <tr>

</td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr id="tr_err_SelectType" runat=server visible=false>
                    <td colspan=3 class="AdminMsg_Error" >يجب إختيار نوع المحتوى</td>
                </tr>
                <tr id="tr_Title" runat=server visible=false>
                    <td colspan=3>
                        <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >  
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">العنوان</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left; background-color: #f5f5f5;">
                                    <asp:HyperLink ID="HyperLink1" runat="server" CssClass="PhotosPage" NavigateUrl="Photos-POP.aspx" Target=_blank>تحميل / روابط الصور</asp:HyperLink>
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #f5f5f5;">
                                
                                            <asp:RequiredFieldValidator ID="rfv_Title" runat="server" 
                                                ErrorMessage="*" ControlToValidate="txt_Title"></asp:RequiredFieldValidator>
                                
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #f5f5f5;">
                                
                                    <textarea id="txt_Title" runat=server class="ckeditor" cols="20"  name="editor1" rows="10"></textarea>
                                
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; ">
                                    <asp:RadioButtonList style="display:inline-table"
                                        ID="rb_Title_Settings" runat="server" RepeatDirection="Horizontal" 
                                        AutoPostBack="True" 
                                        onselectedindexchanged="RadioButtonList1_SelectedIndexChanged">
                                        <asp:ListItem Value="0" Selected="True">إستخدام الإعدادات الأساسية</asp:ListItem>
                                        <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr id="tr_Title_Settings" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%" >    
                                        <tr>
                                            <td class="AdminKey">
                                                لون الخلفية:</td>
                                            <td class="AdminValue">
                                                <input id="txt_Title_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                                                <script>
                                                    $(".a-popup").ColorPickerSliders({
                                                        order: {
                                                            hsl: 1
                                                        }
                                                    });
                                                </script>
                                            </td>
                                            <td class="AdminValue">
                                                &nbsp;</td>
                                        </tr>
                                        <tr id="Tr1" runat=server visible=false>
                                            <td class="AdminKey">
                                                محاذاة الخط:</td>
                                            <td class="AdminValue">
                                                <select id="ddl_Title_Align" runat=server>
                                                    <option value="right">لليمين</option>
                                                    <option selected="selected" value="center">وسط</option>
                                                    <option value="left">لليسار</option>
                                                </select>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey">
                                                المسافة بين النص و الحدود:</td>
                                            <td class="AdminValue">
                                            <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Title_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Title_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Title_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Title_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                                                
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد العلوي:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_Title_TopBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_Title_TopBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_Title_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script></td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد الأيمن:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_Title_RightBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_Title_RightBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_Title_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد السفلي:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_Title_BottomBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_Title_BottomBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_Title_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد الأيسر:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_Title_LeftBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                            </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_Title_LeftBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_Title_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>        
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Title_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_Title_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_Title_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_Title_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_Title_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Title_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Title_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Title_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Title_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Title_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_Title_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table>
                                
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr id="tr_Photo" runat=server visible=false>
                    <td colspan=3>
                       <br /> 
                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >    
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">
                                    الصورة</td>
                            </tr>
                            <tr>
                                <td class="AdminValue"  style="background-color:#f5f5f5; padding:5px; text-align:center " >
                                    <asp:RequiredFieldValidator ID="rfv_Photo" runat="server" 
                                        ControlToValidate="fil_Photo_URL_Large" ErrorMessage="*"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="background-color:#f5f5f5; text-align:center">
                                    <table border=0 cellpadding=0 cellspacing=0 style="display:inline-table" >
                                    <tr ID="tr_Photo_Filename" runat="server" visible=false>
                                        <td style="text-align:center">
                                            <table border=0 cellpadding=0 cellspacing=0 style="display:inline-table" >
                                                <tr>
                                                    <td>
                                                        <asp:Image ID="img_Photo_Filename" runat="server" Width="361px" />
                                                    </td>                                        
                                                <tr>
                                                    <td style="text-align:center">
                                                        <asp:LinkButton ID="btn_Photo_Delete" runat="server" onclick="LinkButton1_Click">حذف الصورة</asp:LinkButton>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="AdminValue" style="text-align:center">
                                            <INPUT id="fil_Photo_URL_Large" type="file" runat="server" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="AdminValue" style="text-align:center">
                                            <INPUT style="Z-INDEX: 116;WIDTH: 2px; HEIGHT: 2px" type="hidden" size="1" value="0" name="Hidden1" runat="server" id="hdn_Photo_Photo_URL_Large" />
                                            <INPUT style="Z-INDEX: 116;WIDTH: 2px; HEIGHT: 2px" type="hidden" size="1" value="0" name="Hidden1" runat="server" id="hdn_Photo_Photo_URL_Medium" />
                                        </td>
                                    </tr>
                                    </table>                                                
                                </td>
                            </tr>
                            <tr id="tr_Photo_Details" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%" >    
                                        <tr>
                                            <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; text-align:center">
                                                <asp:RadioButtonList style="display:inline-table" 
                                                    ID="rb_Photo_Settings" runat="server" RepeatDirection="Horizontal" 
                                                    AutoPostBack="True" 
                                                    onselectedindexchanged="RadioButtonList2_SelectedIndexChanged" >
                                                    <asp:ListItem Value="0" Selected="True">إستخدام الإعدادات الأساسية</asp:ListItem>
                                                    <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                                </asp:RadioButtonList>
                                            </td>
                                        </tr>
                                        <tr id="tr_Photo_Settings" runat=server visible=false>
                                            <td>
                                                <table border=0 cellpadding=0 cellspacing=0 style="width:100%">
                                                <tr>
                    <td class="AdminKey">
                        لون الخلفية:</td>
                    <td class="AdminValue">
                        <input id="txt_Photo_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                        <script>
                            $(".a-popup").ColorPickerSliders({
                                order: {
                                    hsl: 1
                                }
                            });
                        </script>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        المسافة بين الصورة و الحدود:</td>
                    <td class="AdminValue">
                    <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Photo_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Photo_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Photo_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Photo_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد العلوي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Photo_TopBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Photo_TopBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Photo_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script></td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيمن:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Photo_RightBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Photo_RightBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Photo_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد السفلي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Photo_BottomBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Photo_BottomBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Photo_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيسر:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Photo_LeftBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Photo_LeftBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Photo_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_Photo_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_Photo_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_Photo_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Photo_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Photo_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_Photo_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table>

</td>
                                        </tr>
                
                                    </table>
                                
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr id="tr_Content" runat=server visible=false>
                    <td colspan=3>
                       <br /> 
                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >    
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">المحتوى</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left; text-align:center; background-color:#f5f5f5">
                                    <asp:RequiredFieldValidator ID="rfv_Description" runat="server" 
                                        ControlToValidate="txt_Description" ErrorMessage="*"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left; background-color:#f5f5f5">
                                    <asp:HyperLink ID="HyperLink2" runat="server" CssClass="PhotosPage" NavigateUrl="Photos-POP.aspx" Target=_blank>تحميل / روابط الصور</asp:HyperLink>
                                </td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left; background-color:#f5f5f5">

</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; ">
                                    <asp:RadioButtonList 
                                        ID="rb_Desc_Settings" style="display:inline-table" runat="server" RepeatDirection="Horizontal" 
                                        AutoPostBack="True" 
                                        onselectedindexchanged="RadioButtonList3_SelectedIndexChanged"  >
                                        <asp:ListItem Value="0" Selected="True">إستخدام الإعدادات الأساسية</asp:ListItem>
                                        <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr id="tr_Desc_Settings" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%" >

<tr>
                    <td class="AdminKey">
                        لون الخلفية:</td>
                    <td class="AdminValue">
                        <input id="txt_Desc_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                        <script>
                            $(".a-popup").ColorPickerSliders({
                                order: {
                                    hsl: 1
                                }
                            });
                        </script>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr id="Tr2" runat=server visible=false>
                    <td class="AdminKey">
                        محاذاة المحتوى:</td>
                    <td class="AdminValue">
                        <select id="ddl_Desc_Align" runat=server>
                            <option value="right">لليمين</option>
                            <option selected="selected" value="center">وسط</option>
                            <option value="left">لليسار</option>
                        </select>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        المسافة بين المحتوى و الحدود:</td>
                    <td class="AdminValue">
                    <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Desc_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Desc_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Desc_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Desc_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد العلوي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Desc_TopBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Desc_TopBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Desc_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script></td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيمن:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Desc_RightBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Desc_RightBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Desc_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد السفلي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Desc_BottomBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Desc_BottomBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Desc_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيسر:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Desc_LeftBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Desc_LeftBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Desc_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_Desc_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_Desc_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_Desc_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Desc_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Desc_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_Desc_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table>
                                
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <tr id="tr_Link" runat=server visible=false>
                    <td colspan=3>
                       <br /> 
                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >    
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">
                                    الرابط</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left; text-align:center; background-color:#f5f5f5">
                                    <asp:RequiredFieldValidator ID="rfv_Link" runat="server" 
                                        ControlToValidate="txt_Link_LinkHref_Href" ErrorMessage="*"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td style="padding:5px; text-align:center; background-color:#f5f5f5; ">
                                <table border=0 cellpadding=0 cellspacing=0 style="display:inline-table">
                                
                            <tr id="tr_Link_Photos" runat=server>
                                <td colspan=3 class="AdminValue" style="padding:5px; text-align: left; background-color: #f5f5f5;">
                                    <asp:HyperLink ID="HyperLink3" runat="server" CssClass="PhotosPage" NavigateUrl="Photos-POP.aspx" Target=_blank>تحميل / روابط الصور</asp:HyperLink>
                                </td>
                            </tr>
                                    <tr id="tr_Link_Text" runat=server>
                                        <td class="AdminKey">
                                            نص الرابط:</td>
                                        <td class="AdminValue">

<tr>
                                        <td class="AdminKey">
                                            الرابط:</td>
                                        <td class="AdminValue">
                                            <asp:TextBox ID="txt_Link_LinkHref_Href" runat="server" Width="350px"></asp:TextBox>
                                        </td>
                                        <td class="AdminValue">
                                            &nbsp;</td>
                                    </tr>

<tr>    
                                        <td class="AdminKey">
                                            طريقة الفتح:</td>
                                        <td class="AdminValue">
                                            <asp:DropDownList ID="ddl_Link_LinkHref_Target" runat="server">
                                                <asp:ListItem Value="_self">فتح في نفس الصفحة</asp:ListItem>
                                                <asp:ListItem Value="_blank">فتح في صفحة جديدة</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                        <td class="AdminValue">
                                            &nbsp;</td>
                                    </tr>

</table>
                                </td>
                            </tr>
                            <tr id="tr_Link_Settings_rb" runat=server>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; ">
                                    <asp:RadioButtonList 
                                        ID="rb_Link_Settings" style="display:inline-table" runat="server" RepeatDirection="Horizontal" 
                                        AutoPostBack="True" 
                                        onselectedindexchanged="RadioButtonList5_SelectedIndexChanged"    >
                                        <asp:ListItem Value="DarkLnk_Menu" Selected="True">إستخدام إعدادات الروابط الغامقة</asp:ListItem>
                                        <asp:ListItem Value="LightLnk_Menu">إستخدام إعدادات الروابط الفاتحة</asp:ListItem>
                                        <asp:ListItem Value="UpperMenu_Menu">إستخدام إعدادات روابط القائمة العلوية</asp:ListItem>
                                        <asp:ListItem Value="FooterMenu_Menu">إستخدام إعدادات روابط قائمة التذييل</asp:ListItem>
                                        <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr id="tr_Link_Settings" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%" >    
                                    <tr>
                    <td class="AdminKey">لون الخط:</td>
                    <td class="AdminValue">
                        <input id="txt_Link_ForeColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#000000" style="width:100px; border:none">
                        <script>
                            $(".a-popup").ColorPickerSliders({
                                order: {
                                    hsl: 1
                                }
                            });
                        </script>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        لون الخلفية:</td>
                    <td class="AdminValue">
                        <input id="txt_Link_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                        <script>
                            $(".a-popup").ColorPickerSliders({
                                order: {
                                    hsl: 1
                                }
                            });
                        </script>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                    &nbsp;الخط:
                    </td>
                    <td class="AdminValue">
        <select id="ddl_Link_FontSize" runat=server>
                            <option style="font-size:8px" value="8px" selected="selected">8</option>
                            <option style="font-size:9px" value="9px" >9</option>
                            <option style="font-size:10px" value="10px" >10</option>
                            <option style="font-size:11px" value="11px" >11</option>
                            <option style="font-size:12px" value="12px" >12</option>
                            <option style="font-size:14px" value="14px" >14</option>
                            <option style="font-size:16px" value="16px" >16</option>
                            <option style="font-size:18px" value="18px" >18</option>
                            <option style="font-size:20px" value="20px" >20</option>
                            <option style="font-size:22px" value="22px" >22</option>
                            <option style="font-size:24px" value="24px" >24</option>
                            <option style="font-size:26px" value="26px" >26</option>
                            <option style="font-size:28px" value="28px" >28</option>
                            <option style="font-size:36px" value="36px" >36</option>
                            <option style="font-size:48px" value="48px" >48</option>
                            <option style="font-size:72px" value="72px" >72</option>
                        </select>
                        <select id="ddl_Link_FontFamily" runat=server>
                            <option style="font-family:Arial" selected="selected" value="Arial">Arial</option>
                            <option style="font-family:Comic Sans MS" value="Comic Sans MS">Comic Sans MS</option>
                            <option style="font-family:Courier New" value="Courier New">Courier New</option>
                            <option style="font-family:Georgia" value="Georgia">Georgia</option>
                            <option style="font-family:Lucida Sans Unicode" value="Lucida Sans Unicode">Lucida Sans Unicode</option>
                            <option style="font-family:Tahoma" value="Tahoma">Tahoma</option>
                            <option style="font-family:Times New Roman" value="Times New Roman">Times New Roman</option>
                            <option style="font-family:Trebuchet MS" value="Trebuchet MS">Trebuchet MS</option>
                            <option style="font-family:Verdana" value="Verdana">Verdana</option>
                        </select>
                        </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr runat=server visible=false>
                    <td class="AdminKey">
                        محاذاة الخط:</td>
                    <td class="AdminValue">
                        <select id="ddl_Link_Align" runat=server>
                            <option value="right">لليمين</option>
                            <option selected="selected" value="center">وسط</option>
                            <option value="left">لليسار</option>
                        </select>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        شكل الخط:</td>
                    <td class="AdminValue">
                        <input id="cb_Link_Bold" runat=server type=checkbox />
                        <span style="font-weight:bold">B</span>
                        <input id="cb_Link_Underline" runat=server type=checkbox />
                        <span style="text-decoration:underline">U</span>
                        <input id="cb_Link_Italic" runat=server type=checkbox/>
                        <span style="font-style:italic">I</span>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        المسافة بين النص و الحدود:</td>
                    <td class="AdminValue">
                    <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Link_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Link_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Link_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Link_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد العلوي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Link_TopBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Link_TopBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Link_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script></td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيمن:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Link_RightBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Link_RightBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Link_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد السفلي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Link_BottomBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Link_BottomBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Link_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيسر:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Link_LeftBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Link_LeftBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Link_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Link_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_Link_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_Link_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_Link_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_Link_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Link_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Link_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Link_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Link_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Link_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_Link_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table>
                                
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

<tr id="tr_HorizontalContents" runat=server visible=false>
                    <td colspan=3>
                       <br /> 
                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >    
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">
                                    إعدادات حامل المحتوى</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left;">
                                    &nbsp;</td>
                            </tr>

<tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; text-align:center">
                                    <asp:RadioButtonList 
                                        ID="rb_Cont_Settings" style="display:inline-table" runat="server" RepeatDirection="Horizontal" 
                                        AutoPostBack="True" 
                                        onselectedindexchanged="RadioButtonList4_SelectedIndexChanged"   >
                                        <asp:ListItem Value="0" Selected="True">إستخدام الإعدادات الأساسية</asp:ListItem>
                                        <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr id="tr_Cont_Settings" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%" >    
                                        <tr>
                    <td class="AdminKey">
                        لون الخلفية:</td>
                    <td class="AdminValue">
                        <input id="txt_Cont_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                        <script>
                            $(".a-popup").ColorPickerSliders({
                                order: {
                                    hsl: 1
                                }
                            });
                        </script>
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr id="Tr3" runat=server visible=false>
                    <td class="AdminKey">
                        محاذاة المحتويات:</td>
                    <td class="AdminValue">
                        <select id="ddl_Cont_Align" runat=server>
                            <option value="right">لليمين</option>
                            <option selected="selected" value="center">وسط</option>
                            <option value="left">لليسار</option>
                        </select>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        المسافة بين المحتويات و حدود الحامل:</td>
                    <td class="AdminValue">
                    <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Cont_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Cont_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Cont_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Cont_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد العلوي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Cont_TopBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Cont_TopBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Cont_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script></td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيمن:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Cont_RightBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Cont_RightBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Cont_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد السفلي:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Cont_BottomBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Cont_BottomBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Cont_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        الحد الأيسر:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Cont_LeftBorder_Size" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; الشكل: </td>
                                <td>
                                    <select id="ddl_Cont_LeftBorder_Style" runat=server>
                                        <option value="solid" selected="selected">خط كامل</option>
                                        <option value="dashed" >خطوط متقطعة</option>
                                        <option value="dotted" >نقاط</option>
                                        <option value="double" >مزدوج</option>
                                        <option value="groove" >محفور</option>
                                        <option value="inset" >داخلي</option>
                                        <option value="outset" >خارجي</option>
                                        <option value="ridge" >حافة</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Cont_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_Cont_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_Cont_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_Cont_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_Cont_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_Cont_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_Cont_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table>
                                
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

<tr id="tr_OuterCont" runat=server visible=false>
                    <td colspan=3>
                       <br /> 
                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 style="width:100%; border:solid 2px #f5f5f5" >    
                            <tr>
                                <td class="AdminValue" 
                                    
                                    style="padding:2px; background-color:#f5f5f5; text-align: center; font-weight: bold;">
                                    إعدادات الإطار الخارجي للمحتوى</td>
                            </tr>
                            <tr>
                                <td class="AdminValue" style="padding:5px; text-align: left;">
                                    &nbsp;</td>
                            </tr>

<tr>
                                <td class="AdminValue" style="padding:5px; text-align:center; background-color: #e5e5e5; ">
                                    <asp:RadioButtonList 
                                        ID="rb_OuterCont_Settings" style="display:inline-table" runat="server" RepeatDirection="Horizontal" 
                                        AutoPostBack="True" 
                                        onselectedindexchanged="rb_OuterCont_Settings_SelectedIndexChanged"   >
                                        <asp:ListItem Value="0" Selected="True">إستخدام الإعدادات الأساسية</asp:ListItem>
                                        <asp:ListItem Value="1">عمل إعدادات خاصة بهذا المحتوى</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                            </tr>
                            <tr id="tr_OuterCont_Settings" runat=server visible=false>
                                <td class="AdminValue" style="padding:2px; ">
                                
                                    <table class="AdminTable" dir=rtl align=center border=0 cellpadding=0 cellspacing=0 >
                                        <tr>
                                            <td class="AdminKey">
                                                لون الخلفية الخارجية:</td>
                                            <td class="AdminValue">
                                                <input id="txt_OuterCont_BackColor" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#f0f0f0" style="width:100px; border:none">
                                                <script>
                                                    $(".a-popup").ColorPickerSliders({
                                                        order: {
                                                            hsl: 1
                                                        }
                                                    });
                                                </script>
                                                <asp:CheckBox ID="cb_OuterCont_BackColor_Trans" runat="server" Text="عدم إستخدام لون (شفاف)" />
                                            </td>
                                            <td class="AdminValue">
                                                &nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey">
                                                المسافة بين المحتوى و الحدود الخارجية:</td>
                                            <td class="AdminValue">
                                            <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_OuterCont_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_OuterCont_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_OuterCont_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_OuterCont_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>
                                                
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد العلوي:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_OuterCont_TopBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_OuterCont_TopBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_OuterCont_TopBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script></td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد الأيمن:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_OuterCont_RightBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_OuterCont_RightBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_OuterCont_RightBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد السفلي:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_OuterCont_BottomBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_OuterCont_BottomBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_OuterCont_BottomBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="AdminKey" >
                                                الحد الأيسر:</td>
                                            <td class="AdminValue">
                                                <table border=0 cellpadding=0 cellspacing=0>
                                                    <tr>
                                                        <td>الحجم:</td>
                                                        <td>
                                                            <select id="ddl_OuterCont_LeftBorder_Size" runat=server>
                                                                <option value="0px" selected="selected">0</option>
                                                                <option value="1px" >1</option>
                                                                <option value="2px" >2</option>
                                                                <option value="3px" >3</option>
                                                                <option value="4px" >4</option>
                                                                <option value="5px" >5</option>
                                                                <option value="6px" >6</option>
                                                                <option value="7px" >7</option>
                                                                <option value="8px" >8</option>
                                                                <option value="9px" >9</option>
                                                                <option value="10px" >10</option>
                                                                <option value="11px" >11</option>
                                                                <option value="12px" >12</option>
                                                                <option value="14px" >14</option>
                                                                <option value="16px" >16</option>
                                                                <option value="18px" >18</option>
                                                                <option value="20px" >20</option>
                                                                <option value="22px" >22</option>
                                                                <option value="24px" >24</option>
                                                                <option value="26px" >26</option>
                                                                <option value="28px" >28</option>
                                                                <option value="36px" >36</option>
                                                                <option value="48px" >48</option>
                                                                <option value="72px" >72</option>
                                                            </select>
                                                            </td>
                                                        <td>
                                                            &nbsp; الشكل: </td>
                                                        <td>
                                                            <select id="ddl_OuterCont_LeftBorder_Style" runat=server>
                                                                <option value="solid" selected="selected">خط كامل</option>
                                                                <option value="dashed" >خطوط متقطعة</option>
                                                                <option value="dotted" >نقاط</option>
                                                                <option value="double" >مزدوج</option>
                                                                <option value="groove" >محفور</option>
                                                                <option value="inset" >داخلي</option>
                                                                <option value="outset" >خارجي</option>
                                                                <option value="ridge" >حافة</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            &nbsp; اللون:</td>
                                                        <td>
                                                            <input id="txt_OuterCont_LeftBorder_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                                            <script>
                                                                $(".a-popup").ColorPickerSliders({
                                                                    order: {
                                                                        hsl: 1
                                                                    }
                                                                });
                                                            </script>
                                                        </td>
                                                    </tr>
                                                </table>        
                                            </td>
                                            <td class="AdminValue">
                                            </td>
                                        </tr>

<tr>
                    <td class="AdminKey" >
                        التظليل:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>الحجم:</td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Blur" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp; المسافة: </td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Ver" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <br />
                                    <select id="ddl_OuterCont_Shadow_Hor" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                </td>
                                <td>
                                    &nbsp;&nbsp;
                                    الإتجاه:&nbsp; 
                                </td>
                                <td>
                                    <asp:RadioButtonList ID="rbl_OuterCont_Shadow_Ver" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأسفل</asp:ListItem>
                                        <asp:ListItem Value="-">للأعلى</asp:ListItem>
                                    </asp:RadioButtonList>
                                    <br />
                                    <asp:RadioButtonList ID="rbl_OuterCont_Shadow_Hor" runat="server" 
                                        RepeatDirection="Horizontal">
                                        <asp:ListItem Value="" Selected=True>للأيمن</asp:ListItem>
                                        <asp:ListItem Value="-">للأيسر</asp:ListItem>
                                    </asp:RadioButtonList>
                                </td>
                                <td>
                                    &nbsp; اللون:</td>
                                <td>
                                    <input id="txt_OuterCont_Shadow_Color" runat=server type="text" class="a-popup2" data-color-format="rgb" value="#d0d0d0" style="width:100px; border:none">
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table>        
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        المسافة الخارجية:</td>
                    <td class="AdminValue">
                        <table border=0 cellpadding=0 cellspacing=0>
                            <tr>
                                <td>للأعلى:</td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Padding_Top" runat=server>
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    </td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيمن: </td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Padding_Right" runat=server name="D1">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأسفل:&nbsp; 
                                </td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Padding_Bottom" runat=server name="D2">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select></td>
                                <td>
                                    &nbsp;&nbsp;
                                    للأيسر:</td>
                                <td>
                                    <select id="ddl_OuterCont_Shadow_Padding_Left" runat=server name="D3">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                    </select>
                                    <script>
                                        $(".a-popup").ColorPickerSliders({
                                            order: {
                                                hsl: 1
                                            }
                                        });
                                    </script>
                                </td>
                            </tr>
                        </table></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey" >
                        دوران الأطراف:</td>
                    <td class="AdminValue">
                                    <select id="ddl_OuterCont_Curve_Radius" runat=server name="D4">
                                        <option value="0px" selected="selected">0</option>
                                        <option value="1px" >1</option>
                                        <option value="2px" >2</option>
                                        <option value="3px" >3</option>
                                        <option value="4px" >4</option>
                                        <option value="5px" >5</option>
                                        <option value="6px" >6</option>
                                        <option value="7px" >7</option>
                                        <option value="8px" >8</option>
                                        <option value="9px" >9</option>
                                        <option value="10px" >10</option>
                                        <option value="11px" >11</option>
                                        <option value="12px" >12</option>
                                        <option value="14px" >14</option>
                                        <option value="16px" >16</option>
                                        <option value="18px" >18</option>
                                        <option value="20px" >20</option>
                                        <option value="22px" >22</option>
                                        <option value="24px" >24</option>
                                        <option value="26px" >26</option>
                                        <option value="28px" >28</option>
                                        <option value="36px" >36</option>
                                        <option value="48px" >48</option>
                                        <option value="72px" >72</option>
                                        <option value="5%" >5%</option>
                                        <option value="10%" >10%</option>
                                        <option value="15%" >15%</option>
                                        <option value="20%" >20%</option>
                                        <option value="25%" >25%</option>
                                        <option value="30%" >30%</option>
                                        <option value="35%" >35%</option>
                                        <option value="40%" >40%</option>
                                        <option value="45%" >45%</option>
                                        <option value="50%" >50%</option>
                                    </select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        صورة الخلفية:</td>
                    <td class="AdminValue">
                                    <input id="fil_background_image" type="file" runat="server" />
                    </td>
                    <td class="AdminValue">
                    </td>
                </tr>
                <tr id="tr_background_image" runat=server visible=false>
                    <td class="AdminKey">
                        &nbsp;</td>
                    <td class="AdminValue">
                                    <asp:Image ID="img_background_image" runat="server" Width="467px" /><br />
                                    <asp:CheckBox ID="cb_background_image_Delete" runat="server" Text="عدم إستخدام صورة للخلفية" />
                                    <input id="hdn_background_image" runat=server type="hidden" style="width:2px; height:2px" />
                    </td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        تكرار الخلفية :</td>
                    <td class="AdminValue">
                                    <select id="ddl_background_repeat" runat=server 
                                        style="width: 102px; padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; " 
                                        name="D1">
											<option value="no-repeat" >عدم التكرار</option>
                                            <option value="repeat" >تكرار بكامل الصفحة</option>
											<option  value="repeat-x" >تكرار افقي</option>
											<option  value="repeat-y" >تكرار عمودي</option>
									</select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                        محاذاة الخلفية افقياً:</td>
                    <td class="AdminValue">
                                    <select id="ddl_background_position_Hor" runat=server 
                                        style="width: 102px; padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; " >
											<option value="right" >يمين</option>
                                            <option value="center" >وسط</option>
											<option  value="left" >يسار</option>
									</select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="AdminKey">
                                    محاذاة الخلفية عمودياً:</td>
                    <td class="AdminValue">
                                    <select id="ddl_background_position_Ver" runat=server 
                                        style="width: 102px; padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; " 
                                        name="D3">
											<option value="top" >فوق</option>
                                            <option value="center" >وسط</option>
											<option  value="bottom" >اسفل</option>
									</select></td>
                    <td class="AdminValue">
                        &nbsp;</td>
                </tr>

</table></td></tr></table>
                </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td id="td_Meg_Error" runat=server visible=false class="AdminMsg_Error" >
            يجب إدخال احد الاسمين : اسم رابط القسم في القائمة العلوية &nbsp;او اسم رابط القسم
            في قائمة التذييل:</td>
    </tr>
    <tr>
        <td style="padding:10px; text-align:center; ">
        </td>
    </tr>
    <tr>
        <td class="AdminSubmit"  >
            <asp:Button ID="btn_Save" runat="server" CssClass="AdminSubmit" 
                Text="حفظ" onclick="btn_Save_Click" Visible="False" />
                &nbsp;
            <asp:Button ID="btn_SaveStay" runat="server" CssClass="AdminSubmit" 
                Text="حفظ  و إدخال المزيد" onclick="btn_SaveStay_Click" Visible="False" />
                </td>
    </tr>
</table>

</asp:Content>

${this.title}

Code Editor : EditorPage.aspx