(function($) {
    $.fn.extend({

        customStyle: function(options) {
            if (!$.browser.msie || ($.browser.msie && $.browser.version > 6)) {
                return this.each(function() {

                    var currentSelected = $(this).find(':selected');
                    if (currentSelected.html() == null)
                        currentSelected = $($(this).find('option').get(0));
                    $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">' + currentSelected.html() + '</span></span>').css({ position: 'absolute', opacity: 0, fontSize: $(this).next().css('font-size') });
                    var selectBoxSpan = $(this).next();
                    var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) - parseInt(selectBoxSpan.css('padding-right'));
                    //if (selectBoxWidth > 168)
                    //    selectBoxWidth = 168;
                    var selectBoxSpanInner = selectBoxSpan.find(':first-child');
                    selectBoxSpan.css({ display: 'inline-block' });
                    selectBoxSpanInner.css({ width: selectBoxWidth, display: 'inline-block' });
                    var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
                    if (selectBoxHeight == "0")
                        selectBoxHeight = "18";
                    $(this).height(selectBoxHeight).change(function() {
                      selectBoxSpanInner.text($(this).children("option:selected").text()).parent().addClass('changed');
                    });

                });
            }
        }
    });
})(jQuery);