(function($){
 $.fn.extend({
 
 	customStyle : function(options) {
	  if(!$.browser.msie || ($.browser.msie&&$.browser.version>6)){
	  return this.each(function() {
    if($(this).width() < 200)
    {
     var currentSelected = $(this).find(':selected');
     $(this).after('<span class="customStyleSelectBoxSmall"><span class="customStyleSelectBoxInnerSmall">'+currentSelected.text()+'</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'));			
     var selectBoxSpanInner = selectBoxSpan.find(':first-child');
     selectBoxSpan.css({display:'inline-block'});
     selectBoxSpanInner.css({width:'88px', 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'));
     $(this).height(selectBoxHeight).change(function(){
      // selectBoxSpanInner.text($(this).val()).parent().addClass('changed');   This was not ideal
     selectBoxSpanInner.text($(this).find(':selected').text()).parent().addClass('changed');
     });
    }
    else
    { 
     var currentSelected = $(this).find(':selected');
     $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">'+currentSelected.text()+'</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'));			
     var selectBoxSpanInner = selectBoxSpan.find(':first-child');
     selectBoxSpan.css({display:'inline-block'});
     selectBoxSpanInner.css({width:'240px', 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'));
     $(this).height(selectBoxHeight).change(function(){
      // selectBoxSpanInner.text($(this).val()).parent().addClass('changed');   This was not ideal
     selectBoxSpanInner.text($(this).find(':selected').text()).parent().addClass('changed');
     });
    }
	  });
	  }
	}
 });
})(jQuery);