Loading, please wait...

ARTDESIGN MENU

SETTINGS

Default Options

<script type="text/javascript">
    Global: { // Global settings of the element
        ClassPrefix: "M_", // Put ClassPrefix on the style of the element in order to prevent a conflict with other styles from external CSS file; Must be string; By default: "M_"
        ZIndex: 9999, // It specifies the stack order of an elements; Must be integer or string (auto, initial, inherit); By default: 9999
        CurrentLinkAttribute: "ID", // ID or Class
        CurrentLink: "CurrentLink", // Must be string
        ListenExternalChangeHref: false, // If it is true it listen for external href change; Must be boolean: By default: false
        Mode: "Horizontal", // Set mode (Horizontal or Vertical); Must be string; By default: "Horizontal"
        RemoveEmptyElements: true, // If it is true it romoves the empty elements; Must be boolean; By default: true
        NumberOfLevels: 3, // Set numbers of levels; Must be string; By default: 3
        AnimationSpeed: 0.35, // Set the AnimationSpeed; Must be decimal; By default: 0.35
        HoverAnimateOnlyText: false, // If it is true it sets only text hover animation; Must be boolean; By default: false
        CloseOther: true // If it is true it hide the other elements of the menu; Must be boolean; By default: true
    },
    BrowserSupport: { // Settings for the browser support
        Chrome: 20, // Indicates the require minimum version of the Chrome browser; Must be integer; By default: 20
        Mozilla: 20, // Indicates the require minimum version of the Mozilla browser; Must be integer; By default: 20
        Opera: 20, // Indicates the require minimum version of the Opera browser; Must be integer; By default: 20
        Safari: 5, // Indicates the require minimum version of the Safari browser; Must be integer; By default: 5
        MSIE: 9, // Indicates the require minimum version of the MSIE browser; Must be integer; By default: 9
        MSEdge: 12 // Indicates the require minimum version of the MSEdge browser; Must be integer; By default: 12
    },
    HorizontalMode: { // Settings for Horizontal Mode
        Responsive: true, // If it is true it will not transform the menu in vertical mode; Must be boolean; By default: true
        ForceVerticalMode: false, // // If it is true the menu will be always in vertical mode; Must be boolean; By default: false
        HorizontalMode: { // Settings for Horizontal Mode
            EventHideChildren: "Hover", // Set the event Hide Children; Must be string; By default: "Hover"
            MarginTopChildren: 0, // Specifies the margin of the children elements from level 0; Must be integer; By default: 0
            WidthLevel0: "Auto", // Set the width of the elements of level 0; Must be integer or "Auto"; By default: "Auto"
            PaddingLeftRightLevel0: 30, // If WidthLevel0 is "Auto" it adds 30px from both sides; Must be integer; By default: 30
            WidthOtherLevels: 300, // Set the width of the children elements; Must be integer; By default: 300
            ActiveAllParents: true // Specifies if the parents element to be active if there is a active child element; Must be boolean; By default: true
        },
        VerticalMode: { // Settings for Vertical Mode
            HiddenMode: true, // If it is true it activates the hidden mode; Must be boolean; By default: true
            ButtonIcon: "icon-menu", // Set the Button Icon from the ArtDesignIcons PlugIn; Must be string; By default: "icon-menu"
            ButtonIconSize: 22, // Set the size of the Icon; Must be integer; By default: 22
            ButtonIconColorNormal: "#A1BDD6", // Set Normal color of the Icon; Must be string; By default: "#A1BDD6"
            ButtonIconColorHover: "#6488AA", // Set Hover color of the Icon; Must be string; By default: "#6488AA"
            ButtonMarginTop: 12, // Set the Margin Top of the button; Must be integer; By default: 12
            ButtonMarginLeft: 0, // Set the Margin Left of the button; Must be integer; By default: 0
            ButtonHTMLContent: "<div></div>", // Set the HTML structure of the button content; Must be string; By default: "<div></div>"
            Width: 100, // Set the Width; Must be string (px, %, auto); By default: 100
            WidthUnit: "%", // Set the WidthUnit; Must be string (px, %, auto); By default: "%"
            MinWidth: 200, // Set the MinWidth; Must be string (px, %, auto); By default: 200
            MarginTop: 0, // Set the MarginTop; Must be string; By default: 0
            MarginLeft: 0, // Set the MarginLeft; Must be string; By default: 0
            MarginRight: 0, // Set the MarginRight; Must be string; By default: 0
            ActiveAllParents: true // Specifies if the parents element to be active if there is a active child element; Must be boolean; By default: true
        }
    },
    VerticalMode: { // Settings for Vertical Mode
        Width: 450, // Set the Width; Must be string (px, %, auto); By default: 450
        WidthUnit: "px", // Set the WidthUnit; Must be string (px, %, auto); By default: "px"
        MinWidth: 250, // Set the MinWidth; Must be string (px, %, auto); By default: 200
        ActiveAllParents: true // Specifies if the parents element to be active if there is a active child element; Must be boolean; By default: true
    },
    LevelSettings: [{
        ElementHorizontalModeHorizontal: { // Settings for ElementHorizontalModeHorizontal
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#E8EFF5",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 239, 245, 1)), color-stop(100%, rgba(232, 239, 2451, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#E8EFF5', endColorstr='#E8EFF5', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 15, // Set the size of the font; Must be string; By default: 15
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 2.8, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 2.8
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 10, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 10
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#719AC1" // Hover color without gradient; By default: "#719AC1"
                    },
                    Click: {
                        Color: "#E9963A" // Click color; By default: "#E9963A"
                    },
                    Active: {
                        Color: "#719AC1" // Active color; By default: "#719AC1"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0px 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        },
        ElementHorizontalModeVertical: { // Settings for ElementHorizontalModeVertical
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#E8EFF5",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 239, 245, 1)), color-stop(100%, rgba(232, 239, 2451, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#E8EFF5', endColorstr='#E8EFF5', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 15, // Set the size of the font; Must be string; By default: 15
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 2.8, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 2.8
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 10, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 10
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#719AC1" // Hover color without gradient; By default: "#719AC1"
                    },
                    Click: {
                        Color: "#719AC1" // Click color; By default: "#719AC1"
                    },
                    Active: {
                        Color: "#719AC1" // Active color; By default: "#719AC1"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        },
        ElementVerticalMode: { // Settings for ElementVerticalMode
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#E8EFF5",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 239, 245, 1)), color-stop(100%, rgba(232, 239, 2451, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(232, 239, 245, 1) 0%, rgba(232, 239, 245, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#E8EFF5', endColorstr='#E8EFF5', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#2096E0",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212, 225, 236, 1)), color-stop(100%, rgba(212, 225, 236, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(212, 225, 236, 1) 0%, rgba(212, 225, 236, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#2096E0', endColorstr='#2096E0', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 15, // Set the size of the font; Must be string; By default: 15
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 2.8, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 2.8
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 10, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 10
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#719AC1" // Hover color without gradient; By default: "#719AC1"
                    },
                    Click: {
                        Color: "#719AC1" // Click color; By default: "#719AC1"
                    },
                    Active: {
                        Color: "#719AC1" // Active color; By default: "#719AC1"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        }
    }, {
        ElementHorizontalModeHorizontal: { // Settings for ElementHorizontalModeHorizontal
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#BFD2E3",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 210, 227, 1)), color-stop(100%, rgba(191, 210, 227, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#BFD2E3', endColorstr='#BFD2E3', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 14
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 2
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 16, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 10
                Color: { // Color settings
                    Normal: {
                        Color: "#4A667F" // Normal color; By default: "#4A667F"
                    },
                    Hover: {
                        Color: "#4A667F" // Hover color without gradient; By default: "#4A667F"
                    },
                    Click: {
                        Color: "#4A667F" // Click color; By default: "#4A667F"
                    },
                    Active: {
                        Color: "#4A667F" // Active color; By default: "#4A667F"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        },
        ElementHorizontalModeVertical: { // Settings for ElementHorizontalModeVertical
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#BFD2E3",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 210, 227, 1)), color-stop(100%, rgba(191, 210, 227, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#BFD2E3', endColorstr='#BFD2E3', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 16
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 2
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 30, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 10
                Color: { // Color settings
                    Normal: {
                        Color: "#4A667F" // Normal color; By default: "#4A667F"
                    },
                    Hover: {
                        Color: "#4A667F" // Hover color without gradient; By default: "#4A667F"
                    },
                    Click: {
                        Color: "#4A667F" // Click color; By default: "#4A667F"
                    },
                    Active: {
                        Color: "#4A667F" // Active color; By default: "#4A667F"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        },
        ElementVerticalMode: { // Settings for ElementVerticalMode
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#BFD2E3",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 210, 227, 1)), color-stop(100%, rgba(191, 210, 227, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(191, 210, 227, 1) 0%, rgba(191, 210, 227, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#BFD2E3', endColorstr='#BFD2E3', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#A1BDD6",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(161, 189, 214, 1)), color-stop(100%, rgba(161, 189, 214, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(161, 189, 214, 1) 0%, rgba(161, 189, 214, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#A1BDD6', endColorstr='#A1BDD6', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 14
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 3
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 30, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 30
                Color: { // Color settings
                    Normal: {
                        Color: "#4A667F" // Normal color; By default: "#4A667F"
                    },
                    Hover: {
                        Color: "#4A667F" // Hover color without gradient; By default: "#4A667F"
                    },
                    Click: {
                        Color: "#4A667F" // Click color; By default: "#4A667F"
                    },
                    Active: {
                        Color: "#4A667F" // Active color; By default: "#4A667F"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#719AC1" // Normal Border color without gradient; By default: "#719AC1"
                },
                Hover: {
                    BorderColor: "#719AC1" // Hover Border color without gradient; By default: "#719AC1"
                },
                Click: {
                    BorderColor: "#719AC1" // Click Border color without gradient; By default: "#719AC1"
                },
                Active: {
                    BorderColor: "#719AC1" // Active Border color without gradient; By default: "#719AC1"
                }
            }
        }
    }, {
        ElementHorizontalModeHorizontal: { // Settings for ElementHorizontalModeHorizontal
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 14
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 3
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 30, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 30
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#D4E1EC" // Hover color without gradient; By default: "#D4E1EC"
                    },
                    Click: {
                        Color: "#D4E1EC" // Click color; By default: "#D4E1EC"
                    },
                    Active: {
                        Color: "#D4E1EC" // Active color; By default: "#D4E1EC"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#52708C" // Normal Border color without gradient; By default: "#52708C"
                },
                Hover: {
                    BorderColor: "#52708C" // Hover Border color without gradient; By default: "#52708C"
                },
                Click: {
                    BorderColor: "#52708C" // Click Border color without gradient; By default: "#52708C"
                },
                Active: {
                    BorderColor: "#52708C" // Active Border color without gradient; By default: "#52708C"
                }
            }
        },
        ElementHorizontalModeVertical: { // Settings for ElementHorizontalModeVertical
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 14
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 3
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 46, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 46
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#D4E1EC" // Hover color without gradient; By default: "#D4E1EC"
                    },
                    Click: {
                        Color: "#D4E1EC" // Click color; By default: "#D4E1EC"
                    },
                    Active: {
                        Color: "#D4E1EC" // Active color; By default: "#D4E1EC"
                    }
                }
            },
            Border: { // Settings for the Border
                BorderStyle: "solid", // Set the style of the Border; Must be string; By default: "solid"
                BorderWidth: "0 0 1px 0", // Set the Width of the Border (top, right, bottom, left); Must be String; By default: "0 0 1px 0"
                Normal: {
                    BorderColor: "#52708C" // Normal Border color without gradient; By default: "#52708C"
                },
                Hover: {
                    BorderColor: "#52708C" // Hover Border color without gradient; By default: "#52708C"
                },
                Click: {
                    BorderColor: "#52708C" // Click Border color without gradient; By default: "#52708C"
                },
                Active: {
                    BorderColor: "#52708C" // Active Border color without gradient; By default: "#52708C"
                }
            }
        },
        ElementVerticalMode: { // Settings for ElementVerticalMode
            ElementHeight: 45, // Set the Height of the element; Must be string (px, %, auto); By default: 45
            Background: { //Settings for the background of the element
                Normal: { // background setting for Normal mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Hover: { // background setting for Hover mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Click: { // background setting for Click mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                },
                Active: { // background setting for Active mode(for different browsers)
                    BackgroundColor: "#3E556A",
                    MozLinearGradient: "-moz-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    WebkitGradient: "-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 85, 106, 1)), color-stop(100%, rgba(62, 85, 106, 1)))",
                    WebkitLinearGradient: "-webkit-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    OLinearGradient: "-o-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    MSLinearGradient: "-ms-linear-gradient(top, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    LinearGradient: "linear-gradient(to bottom, rgba(62, 85, 106, 1) 0%, rgba(62, 85, 106, 1) 100%)",
                    FilterGradient: "progid    :DXImageTransform.Microsoft.gradient(startColorstr='#3E556A', endColorstr='#3E556A', GradientType=0)"
                }
            },
            Text: { // Settings of the text of the element
                FontFamily: "sans-serif", // Set the FontFamily property which specifies the font for an element; Must be serif, sans-serif or monospace; By default: "sans-serif"
                FontSize: 14, // Set the size of the font; Must be string; By default: 14
                FontWeight: "bold", // Set the weight of the font; Must be string (normal, bold, bolder, lighter, number, initial, inherit); By default: "bold"
                FontStyle: "normal", // Set the style of the font; Must be string (normal, italic, oblique, initial, inherit); By default: "normal"
                LineHeight: 3, // The line-height property specifies the line height of the element, negative values are not allowed; Must be integer or decimal; By default: 3
                Align: "left", // Set the align property which specifies the horizontal alignment of text in an element; Must the string (left, right, center, justify, initial, inherit); By default: "left"
                Indent: 46, // Set the indent property which specifies the indentation of the first line in a text-block; Must the string; By default: 46
                Color: { // Color settings
                    Normal: {
                        Color: "#719AC1" // Normal color; By default: "#719AC1"
                    },
                    Hover: {
                        Color: "#D4E1EC" // Hover color without gradient; By default: "#D4E1EC"
                    },
                    Click: {
                        Color: "#D4E1EC" // Click color; By default: "#D4E1EC"
                    },
                    Active: {
                        Color: "#D4E1EC" // Active color; By default: "#D4E1EC"
                    }
                }
            },
            Border: { // Settings for the Border
                Normal: {
                    BorderColor: "#52708C" // Normal Border color without gradient; By default: "#52708C"
                },
                Hover: {
                    BorderColor: "#52708C" // Hover Border color without gradient; By default: "#52708C"
                },
                Click: {
                    BorderColor: "#52708C" // Click Border color without gradient; By default: "#52708C"
                },
                Active: {
                    BorderColor: "#52708C" // Active Border color without gradient; By default: "#52708C"
                }
            }
        }
    }]
</script>