.RadButton {
  box-sizing: content-box;
  border-width: 0;
  outline: 0;
  font-size: 12px;
  font-family: "Segoe UI" , Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .RadButton .rbDecorated {
    margin: 0;
    padding-left: 8px;
    padding-right: 12px;
    border: 0;
    outline: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: center;
    overflow: visible;
    display: block;
    -webkit-border-radius: 0;
    -webkit-appearance: none; }
  .RadButton .rbDecorated::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; }
  * + html .RadButton .rbDecorated {
    color: expression(this.parentNode.currentStyle['color']);
    font-size: 1em;
    font-family: expression(this.parentNode.currentStyle['fontFamily']);
    display: inline;
    zoom: 1; }
  .RadButton img {
    border: 0; }
  .RadButton:focus, .RadButton:active,
  .RadButton input:focus,
  .RadButton:focus input {
    border-width: 0;
    outline: 0; }

.rbSkinnedButton {
  height: 22px;
  padding-left: 4px;
  box-sizing: border-box;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -525px;
  vertical-align: middle; }
  .rbSkinnedButton .rbDecorated {
    height: 22px;
    line-height: 20px;
    background-position: right -88px;
    *line-height: 22px;
    cursor: pointer; }
  .rbSkinnedButton.rbHovered {
    background-position: left -547px; }
    .rbSkinnedButton.rbHovered .rbDecorated {
      background-position: right -110px; }
  .rbSkinnedButton:focus, .rbSkinnedButton:active, .rbSkinnedButton.rbPressedButton, .rbSkinnedButtonChecked, .rbSkinnedButtonChecked:hover {
    background-position: left -569px; }
    .rbSkinnedButton:focus .rbDecorated, .rbSkinnedButton:active .rbDecorated, .rbSkinnedButton.rbPressedButton .rbDecorated, .rbSkinnedButtonChecked .rbDecorated, .rbSkinnedButtonChecked:hover .rbDecorated {
      background-position: right -132px; }
  .rbSkinnedButton.rbPressedIE8, .rbSkinnedButton.rbPressedIE8Rtl {
    background-position: left -569px; }
    .rbSkinnedButton.rbPressedIE8 .rbDecorated, .rbSkinnedButton.rbPressedIE8Rtl .rbDecorated {
      background-position-x: right;
      background-position-y: -132px; }
  .rbSkinnedButton .rbPressedIE8Rtl .rbDecorated {
    background-position-x: -1px; }

.rbSkinnedButton:focus {
  outline: 1px dotted #666 !important; }

.ms-webpart-zone .RadButton .rbDecorated {
  margin: 0;
  border: 0;
  line-height: 8px; }

.RadButton .rbPrimary {
  padding-left: 25px; }

.RadButton .rbSecondary {
  padding-right: 29px; }

.rbPrimaryIconOnly {
  padding: 0 9px; }

.rbPrimarySecondaryIcon {
  padding: 0 15px; }

.rbPrimaryIcon,
.rbSecondaryIcon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  overflow: hidden;
  cursor: pointer; }
  .rbPrimaryIcon::before,
  .rbSecondaryIcon::before {
    content: ""; }

.rbPrimaryIcon {
  top: 3px;
  left: 4px; }

.rbSecondaryIcon {
  top: 3px;
  right: 4px; }

.rbPrimaryIcon.p-i-checkbox:before,
.rbPrimaryIcon.p-i-checkbox-checked:before,
.rbPrimaryIcon.p-i-three-state-indeterminate:before,
.rbSecondaryIcon.p-i-checkbox:before,
.rbSecondaryIcon.p-i-checkbox-checked:before,
.rbSecondaryIcon.p-i-three-state-indeterminate:before {
  content: ""; }

.RadButton.btn .rbPrimaryIcon,
.RadButton.btn .rbSecondaryIcon {
  width: 1.33333333em;
  height: 1.33333333em; }

.rbPrimaryIcon.rbToggleRadio,
.rbSecondaryIcon.rbToggleRadio,
.rbPrimaryIcon.rbToggleCheckbox,
.rbSecondaryIcon.rbToggleCheckbox,
.rbPrimaryIcon.rbToggleRadioChecked,
.rbSecondaryIcon.rbToggleRadioChecked,
.rbPrimaryIcon.rbToggleCheckboxChecked,
.rbSecondaryIcon.rbToggleCheckboxChecked,
.rbPrimaryIcon.rbToggleCheckboxFilled,
.rbSecondaryIcon.rbToggleCheckboxFilled {
  top: 2px;
  top: 1px\9;
  *top: 1px; }

.rbText {
  display: inline-block; }

.rbImageButton {
  cursor: pointer; }

.rbLinkButton {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  line-height: 1.4em;
  padding: 2px 12px;
  min-height: 1.41666667em;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none; }
  .rbLinkButton .rbSecondary {
    padding-right: 17px; }
  .rbLinkButton .rbPrimary {
    padding-left: 17px; }
  .rbLinkButton .rbSplitRight {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: inherit; }
  .rbLinkButton .rbSplitLeft {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: inherit; }
  .rbLinkButton:focus, .rbLinkButton:active {
    border-width: 1px; }

.rbLinkButton.rbRounded {
  border-radius: 4px; }

.rbVerticalButton {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  height: 65px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-position: -5px -525px;
  padding-left: 4px; }

.rbVerticalButton:focus {
  outline: 1px dotted #666 !important; }

.rbVerticalButton .rbDecorated {
  display: block;
  height: 65px;
  padding-left: 8px;
  padding-right: 12px;
  border: 0;
  margin: 0;
  text-align: center;
  vertical-align: bottom;
  background-position: right -200px;
  *line-height: 65px;
  white-space: normal; }

.rbVerticalButton.rbHovered {
  background-position: -10px -525px; }

.rbVerticalButton.rbHovered .rbDecorated {
  background-position: right -265px; }

.rbVerticalButton:focus,
.rbVerticalButton:active,
.rbVerticalButtonChecked,
.rbVerticalButtonChecked:hover {
  background-position: -15px -525px; }

.rbVerticalButton:focus .rbDecorated,
.rbVerticalButton:active .rbDecorated,
.rbVerticalButtonChecked .rbDecorated,
.rbVerticalButtonChecked:hover .rbDecorated {
  background-position: right -330px; }

.rbVerticalButton.rbPressedButton {
  background-position: -15px -525px !important; }

.rbVerticalButton.rbPressedButton .rbDecorated {
  background-position: right -330px !important; }

.rbVerticalButton.rbPressedIE8 .rbDecorated,
.rbVerticalButton.rbPressedIE8Rtl .rbDecorated {
  -ms-background-position-x: right !important;
  -ms-background-position-y: -330px !important; }

.rbVerticalButton.rbPressedIE8Rtl .rbDecorated {
  -ms-background-position-x: -1px !important; }

.rbVerticalButton.rbPressedIE8,
.rbVerticalButton.rbPressedIE8Rtl {
  background-position: -15px -525px !important; }

x:-moz-any-link, .rbVerticalButton {
  vertical-align: middle; }

.rbVerticalButton .rbPrimary {
  padding-left: 40px; }

.rbVerticalButton .rbSecondary {
  padding-right: 40px; }

.rbVerticalButton .rbPrimaryIcon {
  top: 20px;
  left: 14px; }

.rbVerticalButton .rbSecondaryIcon {
  top: 20px;
  right: 14px; }

.rbToggleButton {
  position: relative;
  display: inline-block;
  min-height: 20px;
  cursor: default;
  text-decoration: none; }

.rbToggleButtonIcon {
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  width: 15px;
  height: 15px; }

.rbToggleCheckbox {
  background-position: 0 0; }

.rbToggleCheckbox:hover,
.rbToggleButton:hover .rbToggleCheckbox {
  background-position: -40px 0; }

.rbToggleCheckboxChecked {
  background-position: 0 -40px; }

.rbToggleCheckboxChecked:hover,
.rbToggleButton:hover .rbToggleCheckboxChecked {
  background-position: -40px -40px; }

.rbToggleCheckboxFilled {
  background-position: 0 -80px; }

.rbToggleCheckboxFilled:hover,
.rbToggleButton:hover .rbToggleCheckboxFilled {
  background-position: -40px -80px; }

.rbToggleRadio {
  background-position: -80px 0; }

.rbToggleRadio:hover,
.rbToggleButton:hover .rbToggleRadio {
  background-position: -120px 0; }

.rbToggleRadioChecked {
  background-position: -80px -40px; }

.rbToggleRadioChecked:hover,
.rbToggleButton:hover .rbToggleRadioChecked {
  background-position: -120px -40px; }

.rbTextButton {
  padding: 0; }

.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckbox,
.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxChecked,
.rbSkinnedButton .rbPrimaryIcon.rbToggleRadio,
.rbSkinnedButton .rbPrimaryIcon.rbToggleRadioChecked,
.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxFilled,
.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckbox,
.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxChecked,
.rbSkinnedButton .rbSecondaryIcon.rbToggleRadio,
.rbSkinnedButton .rbSecondaryIcon.rbToggleRadioChecked,
.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxFilled,
.rbLinkButton .rbPrimaryIcon.rbToggleCheckbox,
.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxChecked,
.rbLinkButton .rbPrimaryIcon.rbToggleRadio,
.rbLinkButton .rbPrimaryIcon.rbToggleRadioChecked,
.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxFilled,
.rbLinkButton .rbSecondaryIcon.rbToggleCheckbox,
.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxChecked,
.rbLinkButton .rbSecondaryIcon.rbToggleRadio,
.rbLinkButton .rbSecondaryIcon.rbToggleRadioChecked,
.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxFilled {
  top: 4px; }

.rbSplitRight,
.rbSplitLeft {
  display: block;
  position: absolute;
  width: 18px;
  height: 100%;
  top: 0; }

.rbLinkButton .rbSplitRight,
.rbLinkButton .rbSplitLeft {
  width: 16px; }

.rbSplitRight,
.rbDisabled .rbSplitRight:hover,
.rbDisabled .rbSplitRight:active,
.rbDisabled .rbSplitRight:focus {
  right: 0;
  background-position: -18px -176px; }

.rbSplitRight:hover {
  background-position: -54px -176px; }

.rbSplitRight:focus,
.rbSplitRight:active {
  background-position: -90px -176px; }

.rbSplitLeft,
.rbDisabled .rbSplitLeft:hover,
.rbDisabled .rbSplitLeft:active,
.rbDisabled .rbSplitLeft:focus {
  left: 0;
  background-position: 0 -176px; }

.rbSplitLeft:hover {
  background-position: -36px -176px; }

.rbSplitLeft:focus,
.rbSplitLeft:active {
  background-position: -72px -176px; }

.rbLinkButton .rbSplitRight,
.rbLinkButton .rbSplitRight:hover,
.rbLinkButton .rbSplitRight:active,
.rbLinkButton .rbSplitRight:focus,
.rbLinkButton .rbSplitLeft,
.rbLinkButton .rbSplitLeft:hover,
.rbLinkButton .rbSplitLeft:active,
.rbLinkButton .rbSplitLeft:focus {
  background-position: -307px -176px; }

.RadButton.rbLinkButton.rbDisabled .rbSplitLeft,
.RadButton.rbLinkButton.rbDisabled .rbSplitLeft:hover,
.RadButton.rbLinkButton.rbDisabled .rbSplitLeft:active,
.RadButton.rbLinkButton.rbDisabled .rbSplitLeft:focus,
.RadButton.rbLinkButton.rbDisabled .rbSplitRight,
.RadButton.rbLinkButton.rbDisabled .rbSplitRight:hover,
.RadButton.rbLinkButton.rbDisabled .rbSplitRight:active,
.RadButton.rbLinkButton.rbDisabled .rbSplitRight:focus,
.RadButton.rbLinkButton.rbDisabled:hover .rbSplitRight,
.RadButton.rbLinkButton.rbDisabled:hover .rbSplitLeft,
.rbLinkButton.rbDisabled .rbSplitRight,
.rbLinkButton.rbDisabled .rbSplitRight:hover,
.rbLinkButton.rbDisabled .rbSplitRight:focus,
.rbLinkButton.rbDisabled .rbSplitRight:active,
.rbLinkButton.rbDisabled .rbSplitLeft,
.rbLinkButton.rbDisabled .rbSplitLeft:hover,
.rbLinkButton.rbDisabled .rbSplitLeft:focus,
.rbLinkButton.rbDisabled .rbSplitLeft:active {
  background-color: inherit;
  background-position: -307px -176px; }

.rbDisabled {
  opacity: .6; }

.rbDisabled .rbDecorated {
  opacity: 1; }

.RadButton.rbSkinnedButton.rbDisabled {
  outline: none !important; }

.RadButton.rbDisabled,
.RadButton.rbDisabled .rbPrimaryIcon,
.RadButton.rbDisabled .rbSecondaryIcon,
.RadButton.rbDisabled .rbDecorated,
.rbPrimaryIcon.rbToggleRadio,
.rbPrimaryIcon.rbToggleCheckbox,
.rbSecondaryIcon.rbToggleRadio,
.rbSecondaryIcon.rbToggleCheckbox,
.rbPrimaryIcon.rbToggleRadioChecked,
.rbPrimaryIcon.rbToggleCheckboxChecked,
.rbSecondaryIcon.rbToggleRadioChecked,
.rbSecondaryIcon.rbToggleCheckboxChecked,
.rbPrimaryIcon.rbToggleCheckboxFilled,
.rbSecondaryIcon.rbToggleCheckboxFilled {
  cursor: default; }

span.rbDisabled:hover,
span.rbDisabled:focus,
span.rbDisabled:active {
  background-position: left -525px;
  outline: none; }

span.rbDisabled:hover .rbDecorated,
span.rbDisabled:focus .rbDecorated,
span.rbDisabled:active .rbDecorated {
  background-position: right -88px; }

span.rbVerticalButton.rbDisabled:hover,
span.rbVerticalButton.rbDisabled:focus,
span.rbVerticalButton.rbDisabled:active {
  background-position: -5px -525px; }

span.rbVerticalButton.rbDisabled:hover .rbDecorated,
span.rbVerticalButton.rbDisabled:focus .rbDecorated,
span.rbVerticalButton.rbDisabled:active .rbDecorated {
  background-position: right -200px; }

.rbDisabled .rbToggleCheckbox:hover,
.rbDisabled:hover .rbToggleCheckbox {
  background-position: 0 0; }

.rbDisabled .rbToggleCheckboxChecked:hover,
.rbDisabled:hover .rbToggleCheckboxChecked {
  background-position: 0 -40px; }

.rbDisabled .rbToggleCheckboxFilled:hover,
.rbDisabled.rbToggleButton:hover .rbToggleCheckboxFilled {
  background-position: 0 -80px; }

.rbDisabled .rbToggleRadio:hover,
.rbDisabled:hover .rbToggleRadio {
  background-position: -80px 0; }

.rbDisabled .rbToggleRadioChecked:hover,
.rbDisabled:hover .rbToggleRadioChecked {
  background-position: -80px -40px; }

.rbDisabled .rbToggleCheckbox,
.rbDisabled .rbToggleCheckboxChecked,
.rbDisabled .rbToggleRadio,
.rbDisabled .rbToggleRadioChecked,
.rbDisabled .rbToggleCheckboxFilled {
  filter: alpha(opacity=50);
  opacity: .5; }

.rbDisabled .rbPrimaryIcon,
.rbDisabled .rbSecondaryIcon,
.rbDisabled .rbSplitLeft,
.rbDisabled .rbSplitRight {
  filter: alpha(opacity=50); }

html span.RadButton.rbImageButton.rbDisabled,
html span.RadButton.rbImageButton.rbDisabled:hover,
html span.RadButton.rbImageButton.rbDisabled:focus,
html span.RadButton.rbImageButton.rbDisabled:active {
  padding: 0;
  border: 0 none;
  background-color: transparent;
  background-position: 0 0;
  box-shadow: none; }

.rbNativeButton {
  background-image: none !important;
  background-color: transparent !important;
  padding-right: 0 !important;
  border: 0 !important;
  height: auto; }

.rbHideElement {
  display: none;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important; }

.RadButton .rbHiddenImages {
  position: absolute;
  top: -9999px;
  visibility: hidden; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .rbPrimaryIcon {
    left: 5px; } }

.rbAdd,
.rbRemove,
.rbOk,
.rbCancel,
.rbPrevious,
.rbNext,
.rbSave,
.rbConfig,
.rbRefresh,
.rbEdit {
  background-image: url('Common/Button/rbBasicIcons16x16.png') !important; }

.rbAdd {
  background-position: 0 0 !important; }

.rbRemove {
  background-position: -20px 0 !important; }

.rbOk {
  background-position: -40px 0 !important; }

.rbCancel {
  background-position: -60px 0 !important; }

.rbPrevious {
  background-position: -80px 0 !important; }

.rbNext {
  background-position: -100px 0 !important; }

.rbSave {
  background-position: -120px 0 !important; }

.rbConfig {
  background-position: -140px 0 !important; }

.rbRefresh {
  background-position: -160px 0 !important; }

.rbEdit {
  background-position: -180px 0 !important; }

.rbUpload,
.rbDownload,
.rbOpen,
.rbAttach,
.rbPrint,
.rbSearch,
.rbHelp,
.rbCart,
.rbRSS,
.rbMail,
.rbFB,
.rbTwitter {
  background-image: url('Common/Button/rbExtendedIcons16x16.png') !important; }

.rbUpload {
  background-position: 0 0 !important; }

.rbDownload {
  background-position: -20px 0 !important; }

.rbOpen {
  background-position: -40px 0 !important; }

.rbAttach {
  background-position: -60px 0 !important; }

.rbPrint {
  background-position: -80px 0 !important; }

.rbSearch {
  background-position: -100px 0 !important; }

.rbHelp {
  background-position: -120px 0 !important; }

.rbCart {
  background-position: -140px 0 !important; }

.rbRSS {
  background-position: -160px 0 !important; }

.rbMail {
  background-position: -180px 0 !important; }

.rbFB {
  background-position: -200px 0 !important; }

.rbTwitter {
  background-position: -220px 0 !important; }

.rbAdd24,
.rbRemove24,
.rbOk24,
.rbCancel24,
.rbPrevious24,
.rbNext24,
.rbSave24,
.rbConfig24,
.rbRefresh24,
.rbEdit24 {
  background-image: url('Common/Button/rbBasicIcons24x24.png') !important;
  width: 24px;
  height: 24px; }

.rbAdd24 {
  background-position: 0 0 !important; }

.rbRemove24 {
  background-position: -30px 0 !important; }

.rbOk24 {
  background-position: -60px 0 !important; }

.rbCancel24 {
  background-position: -90px 0 !important; }

.rbPrevious24 {
  background-position: -120px 0 !important; }

.rbNext24 {
  background-position: -150px 0 !important; }

.rbSave24 {
  background-position: -180px 0 !important; }

.rbConfig24 {
  background-position: -210px 0 !important; }

.rbRefresh24 {
  background-position: -240px 0 !important; }

.rbEdit24 {
  background-position: -270px 0 !important; }

.rbUpload24,
.rbDownload24,
.rbOpen24,
.rbAttach24,
.rbPrint24,
.rbSearch24,
.rbHelp24,
.rbCart24,
.rbRSS24,
.rbMail24,
.rbFB24,
.rbTwitter24 {
  background-image: url('Common/Button/rbExtendedIcons24x24.png') !important;
  width: 24px;
  height: 24px; }

.rbUpload24 {
  background-position: 0 0 !important; }

.rbDownload24 {
  background-position: -30px 0 !important; }

.rbOpen24 {
  background-position: -60px 0 !important; }

.rbAttach24 {
  background-position: -90px 0 !important; }

.rbPrint24 {
  background-position: -120px 0 !important; }

.rbSearch24 {
  background-position: -150px 0 !important; }

.rbHelp24 {
  background-position: -180px 0 !important; }

.rbCart24 {
  background-position: -210px 0 !important; }

.rbRSS24 {
  background-position: -240px 0 !important; }

.rbMail24 {
  background-position: -270px 0 !important; }

.rbFB24 {
  background-position: -300px 0 !important; }

.rbTwitter24 {
  background-position: -330px 0 !important; }

.rbToggleButton.rbRtl {
  padding: 0 20px 0 0; }

.rbRtl .rbPrimaryIcon.rbToggleCheckbox,
.rbRtl .rbPrimaryIcon.rbToggleCheckboxChecked,
.rbRtl .rbPrimaryIcon.rbToggleRadio,
.rbRtl .rbPrimaryIcon.rbToggleRadioChecked {
  right: 0;
  top: 4px; }

.RadRadioButton.RadButton,
.RadCheckBox.RadButton {
  background-color: transparent;
  border: 0;
  outline: 0; }
  .RadRadioButton.RadButton .rbText,
  .RadCheckBox.RadButton .rbText {
    position: relative;
    padding: 0 0 0 20px;
    background-image: none; }
  .RadRadioButton.RadButton .rbText .rbDesignModeIcon,
  .RadCheckBox.RadButton .rbText .rbDesignModeIcon {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url('Common/radFormToggleSprite.png'); }
  .RadRadioButton.RadButton .rbToggleRadio .rbDesignModeIcon,
  .RadCheckBox.RadButton .rbToggleRadio .rbDesignModeIcon {
    background-position: -80px 0; }
  .RadRadioButton.RadButton .rbToggleRadioChecked .rbDesignModeIcon,
  .RadCheckBox.RadButton .rbToggleRadioChecked .rbDesignModeIcon {
    background-position: -80px -40px; }
  .RadRadioButton.RadButton .rbToggleCheckbox .rbDesignModeIcon,
  .RadCheckBox.RadButton .rbToggleCheckbox .rbDesignModeIcon {
    background-position: 0 0; }
  .RadRadioButton.RadButton .rbToggleCheckboxChecked .rbDesignModeIcon,
  .RadCheckBox.RadButton .rbToggleCheckboxChecked .rbDesignModeIcon {
    background-position: 0 -40px; }
  .RadRadioButton.RadButton div,
  .RadCheckBox.RadButton div {
    float: left; }

.rbVerticalList {
  display: inline-block;
  vertical-align: top; }
  .rbVerticalList .RadButton {
    display: block;
    line-height: 20px;
    padding: 0 0 4px; }