jQuery(document).ready(function () {

  jQuery('.IconButtonSmall').wrap('<span class="IconButtonCenterSmall" />');
  jQuery('.IconButtonCenterSmall').wrap('<span class="IconButtonRightSmall" />');
  jQuery('.IconButtonRightSmall').wrap('<span class="IconButtonLeftSmall" />');

  jQuery('.IconButtonLarge').wrap('<span class="IconButtonCenterLarge" />');
  jQuery('.IconButtonCenterLarge').wrap('<span class="IconButtonRightLarge" />');
  jQuery('.IconButtonRightLarge').wrap('<span class="IconButtonLeftLarge" />');

  jQuery('.IconButtonBlack').wrap('<span class="IconButtonBlackCenter" />');
  jQuery('.IconButtonBlackCenter').wrap('<span class="IconButtonBlackRight" />');
  jQuery('.IconButtonBlackRight').wrap('<span class="IconButtonBlackLeft" />');
  
  //Oh god, we add a class specific to Firefox
  if (jQuery.browser.mozilla) {
    jQuery('.ContinueButton').addClass('FirefoxPadding');
  };

  //Disabled style!
  jQuery('.IconButtonSmallDisabled').wrap('<span class="IconButtonCenterSmallDisabled" />');
  jQuery('.IconButtonCenterSmallDisabled').wrap('<span class="IconButtonRightSmallDisabled" />');
  jQuery('.IconButtonRightSmallDisabled').wrap('<span class="IconButtonLeftSmallDisabled" />');

});