layout PrefsStyleSheets
{
    view subview(grow: false,
                 identifier: "IDD_PREFS_STYLESHEETS",
                 margin: 5,
                 name: "$$$/PrefsStylesheets/Title/CssStyles=CSS Styles",
                 parent_container_id: "list_sheet_container",
                 resizeChildren: false,
                 spacing: 5)
    {
        row(spacing: 5)
        {
            column()
            {
                static_text(horizontal: @align_left,
                            identifier: "IDC_STATIC",
                            name: "$$$/PrefsStylesheets/Label/WhenCreating=When creating CSS rules:");

                static_text(horizontal: @align_right,
                            identifier: "IDC_STATIC",
                            name: "$$$/PrefsStylesheets/Label/UseShorthand=Use shorthand for:");

                row(horizontal: @align_left)
                {
                    static_text(horizontal: @align_left,
                                identifier: "IDC_STATIC",
                                indent: 98,
                                name: "$$$/PrefsStylesheets/Label/WhenEditing=When editing CSS rules:");
                }

                static_text(horizontal: @align_right,
                            identifier: "IDC_STATIC",
                            name: "$$$/PrefsStylesheets/Label/UseShorthand1=Use shorthand:");


                row(horizontal: @align_right, margin: 3)
                {
                    static_text(horizontal: @align_right,
                                indent: 59,
                                name: "$$$/PrefsStylesheets/Label/VendorPrefixesLabel=CSS Prefixes:");
                }
            }

            column(spacing: 30)
            {
                row()
                {
                    column(indent: 24,
                           spacing: 5)
                    {
                        checkbox(identifier: "IDC_FONT_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/Font=&Font",
                                 set_default_focus: true,
                                 tab_next_node: "IDC_BACKGROUND_CHECK");

                        checkbox(identifier: "IDC_MARGIN_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/MarginAnd=&Margin and paddingIDC_MARGIN_CHECK",
                                 tab_next_node: "IDC_BORDER_RADIUS_CHECK");

                        checkbox(identifier: "IDC_BORDER_RADIUS_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/BorderRadius=&BorderRadius",
                                 tab_next_node: "IDC_BORDER_CHECK");

                        checkbox(identifier: "IDC_BORDER_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/BorderAnd=Border and border &width",
                                 tab_next_node: "IDC_LIST_CHECK");

                        checkbox(identifier: "IDC_LIST_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/Liststyle=&List-Style",
                                 tab_next_node: "IDC_ANT_CHECK");

                        checkbox(identifier: "IDC_ANT_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/Transition=&Transition",
                                 tab_next_node: "IDC_DONT_MUNGE_RADIO");
                    }
                }

                row()
                {
                    column()
                    {
                        radiogroup(tab_next_node: "IDC_OPEN_WINDOW_CHECK")
                        {
                            radio_button(identifier: "IDC_DONT_MUNGE_RADIO",
                                         name: "$$$/PrefsStylesheets/RadioButton/IfOriginal=If &original used shorthand");

                            radio_button(identifier: "IDC_MUNGE_RADIO",
                                         name: "$$$/PrefsStylesheets/RadioButton/AccordingTo=&According to settings above");
                        }

                        checkbox(identifier: "IDC_OPEN_WINDOW_CHECK",
                                 name: "$$$/PrefsStylesheets/CheckBox/OpenCss=Open &CSS files when modified",
                                 tab_next_node: "IDC_OPEN_WINDOW_CHECK");
                    }
                }

                row()
                {
                    column(spacing: 5)
                    {
                        checkbox(identifier: "IDC_VENDOR_PREFIX_WEBKIT",
                                 name: "$$$/PrefsStylesheets/CheckBox/VendorPrefixesWebkit=Web&kit");

                        checkbox(identifier: "IDC_VENDOR_PREFIX_FIREFOX",
                                 name: "$$$/PrefsStylesheets/CheckBox/VendorPrefixesFirefox=Fi&refox");

                        checkbox(identifier: "IDC_VENDOR_PREFIX_OPERA",
                                 name: "$$$/PrefsStylesheets/CheckBox/VendorPrefixesOpera=O&pera");

                        static_text(identifier: "IDC_VENDOR_PREFIX_MSG",
                                    name: "$$$/PrefsStylesheets/Label/VendorPrefixesMsg=These prefixes will be used for CSS properties as applicable.");
                    }
                }
            }
        }		
    }
}
