var __skinData = {
    common: {
        colors: {
            controlText: "black", controlBg: "#f2f9fe", windowBg: "white",
            highlightBg: "#2B7DD5", highlightText: "white",
            hoverBg: "#BFECFF", hoverText: "black", activeBg: "#E2F7FF",
            disabledBg: "#E5F5FD", disabledText: "#9BBBE0"
        },
        buttonColors: {
            active: {start: "#ffefe6", end: "#ff9c28", middle: "#eefeff"}
        },
        buttonBg: { image: {
            imageName: "buttonBg.gif", imageCount: 1, imageWidth: 1, imageHeight: 18
        }},
        activeButtonBg: { image: {
            imageName: "activeButtonBg.gif", imageCount: 2, imageWidth: 1, imageHeight: 18
        }},
        loading: {width: 107, height: 53, image: {imageName: "loading.gif"}},
        hintBox: {
            border: "1px solid #FF6600", bgColor: "#FDF6DF", color: "#FF6600",
            padding: "2px 4px 2px 4px", spacing: 10
        },
        hintBoxTop: {
            image: { imageName: "hintBoxTop.gif", imageCount: 1, imageWidth: 400, imageHeight: 9 }
        },
        hintBoxLeft: {
            image: { imageName: "hintBoxLeft.gif", imageCount: 1, imageWidth: 9, imageHeight: 200 }
        },
        hintBoxRight: {
            image: { imageName: "hintBoxRight.gif", imageCount: 1, imageWidth: 9, imageHeight: 200 }
        },
        hintBoxClose: {
            image: { imageName: "hintBoxClose.gif", imageCount: 1, imageWidth: 13, imageHeight: 13 }
        }
    },

    editors: {
        comboButton:  {image: {
            imageName: "comboButton.gif", imageCount: 4, imageWidth: 18, imageHeight: 19
        }},
        ellipsisButton:  {image: {
            imageName: "ellipsisButton.gif", imageCount: 4, imageWidth: 18, imageHeight: 19
        }},
        spinUp:  {image: {
            imageName: "spinUp.gif", imageCount: 4, imageWidth: 18, imageHeight: 10
        }},
        spinDown: {image: {
            imageName: "spinDown.gif", imageCount: 4, imageWidth: 18, imageHeight: 9
        }}
    },

    form: {
        properties: {
            captionHeight: 22, smallCaptionHeight: 17
        },
        captionBg: {image: {imageName: "captionBg.gif"}},
        buttonClose: {image: {
            imageName: "buttonClose.gif", imageCount: 4, imageWidth: 17, imageHeight: 17
        }},
        smallButtonClose: {image: {
            imageName: "smallButtonClose.gif", imageCount: 4, imageWidth: 15, imageHeight: 15
        }}
    },
    
    grid: {
        properties: {
            borderSize: 1, borderPadding: 3, rowNoColumnWidth: 40
        },
        colors: {
            headerLine: "#87b6ec",
            normalBg: "#ffffff", normalText: "black", 
            evenBg: "#f2fdff", evenText: "black", // 偶数行
            selectedBg: "#2B7DD5", selectedText: "white",
            hoverBg: "#BFECFF", hoverText: "black",
            disabledBg: "#EAF7FF", disabledText: "black"
        },
        headerColors: {
            normal: {start: "#F0FEFF", end: "#99D4F8", middle: "#CBECFF"}, 
            active: {start: "#FFF1E9", end: "#FFA535", middle: "#FFD396"}
        },
        checkShape: {image: {
            imageName: "checkShape.gif", imageCount: 2, imageWidth: 7, imageHeight: 7
        }},
        sortShape: {image: {
            imageName: "sortShape.gif", imageCount: 2, imageWidth: 7, imageHeight: 12
        }},
        rowDelete: {image: {
            imageName: "rowDelete.gif", imageCount: 2, imageWidth: 11, imageHeight: 11
        }}
    },
    
    pager: {
        prevPage:  {image: {
            imageName: "prevPage.gif", imageCount: 4, imageWidth: 20, imageHeight: 18
        }},
        nextPage:  {image: {
            imageName: "nextPage.gif", imageCount: 4, imageWidth: 20, imageHeight: 18
        }},
        refresh:  {image: {
            imageName: "refresh.gif", imageCount: 4, imageWidth: 20, imageHeight: 18
        }}
    },
    
    menu: {
        properties: {
            iconWidth: 16, iconHeight: 16
        },
        menuRootActive: {
            image: {
              imageName: "menuRootActiveBg.gif", imageCount: 2, imageWidth: 1, imageHeight: 17
            },
            border: "1px solid #E1F2FD"
        },
        menuItemActive: {
            image: {
              imageName: "menuItemActiveBg.gif", imageCount: 2, imageWidth: 1, imageHeight: 20
            },
            borderColor: "#8AB8EC",
            imageMargin: "2px 4px 2px 2px",
            paddingRight: "5px"
        }
    },

    tab: {
        topTab: {image: {
            imageName: "topTab.gif", imageCount: 9, imageWidth: 5, imageHeight: 20
        }},
        bottomTab: {image: {
            imageName: "bottomTab.gif", imageCount: 9, imageWidth: 5, imageHeight: 20
        }},
        closeButton: {image: {
            imageName: "closeButton.gif", imageCount: 3, imageWidth: 11, imageHeight: 11
        }}
    },
    
    tree: {
        properties: {imageWidth: 16, imageHeight: 22},

        minus:          {image: {imageName: "minus.gif"}},
        minusLine:      {image: {imageName: "minusLine.gif"}},

        plus:           {image: {imageName: "plus.gif"}},
        plusLine:       {image: {imageName: "plusLine.gif"}},

        none:           {image: {imageName: "none.gif"}},
        noneLine:       {image: {imageName: "noneLine.gif"}},

        checkShape: {image: {
            imageName: "checkShape.gif", imageCount: 3, imageWidth: 16, imageHeight: 22
        }},

        line:           {image: {imageName: "line.gif"}}
    },

    toolBar: {
        buttonBg: {image: {
            imageName: "buttonBg.gif", imageCount: 3, imageWidth: 22, imageHeight: 20
        }},
        largeButtonBg: {image: {
            imageName: "largeButtonBg.gif", imageCount: 2, imageWidth: 1, imageHeight: 41
        }}
    },
    
    navBar: {
        itemActive: { bgColor: "#BFECFF", border: "1px solid #B0DAEB" },
        headerBg: {image: {
            imageName: "headerBg.gif", imageCount: 2, imageWidth: 1, imageHeight: 32
        }},
        collapseExpand: {image: {
            imageName: "collapseExpand.gif", imageCount: 2, imageWidth: 16, imageHeight: 16
        }}
    },
    
    htmlEditor: {
        colors: {itemBorder: "#B0DAEB", itemActiveBg: "#BFECFF"}
    }
}
  
if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();