span.RadButton_ToHiDeepblue {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #000;
    height: 34px;
    line-height: 33px
}

    /*span.RadButton_ToHiDeepblue.rbSkinnedButton, span.RadButton_ToHiDeepblue.rbVerticalButton, span.RadButton_ToHiDeepblue.rbLinkButton {
        background-color: #f9f9f9
    }*/

    span.RadButton_ToHiDeepblue.RadButton.rbLinkButton {
        text-decoration: none;
        height: auto;
        line-height: 1.9em;
        min-height: 1.875em;
        padding: .08333em .94em .16667em
    }

    span.RadButton_ToHiDeepblue.rbSkinnedButton {
        padding-left: 0
    }

    span.RadButton_ToHiDeepblue.rbSkinnedButton .rbDecorated {
        /*height: 25px;
    padding: 1px 10px !important;
    background: linear-gradient(175deg, #008aff, #00508d);
    color: white !important;
    line-height: 23px;
    display: inline-block;
    box-shadow: 0px 0px 6px black inset;
    border-radius: 6px;
    text-decoration: none;
    box-sizing: content-box;*/
        height: 25px !important;
        padding: 1px 10px 5px !important;
        background: linear-gradient(to right,#007eff, #00033c 10%,#00509b 25%,#006fff 45%, #006fff 75%,rgba(255,255,255,0)) !important;
        color: white !important;
        line-height: 21px !important;
        display: inline-block !important;
        /*box-shadow: 0px 0px 0px 2px black inset;
        border: 2px #00508d solid !important;
        border-radius: 6px !important;*/
        text-decoration: none !important;
        box-sizing: border-box !important;
        margin-right: 5px;
        margin-top: 4px;
    }
    span.RadButton_ToHiDeepblue.rbSkinnedButton .rbDecorated:hover {
        /*border: 2px #008aff solid !important;*/
        background: linear-gradient(to right, #00033c,#00509d 8%,#008aff 35%, #008aff 70%, rgba(255,255,255,0)) !important;
    }
    span.RadButton_ToHiDeepblue.rbSkinnedButtonChecked, span.RadButton_ToHiDeepblue.rbSkinnedButtonChecked .rbDecorated, span.RadButton_ToHiDeepblue.rbSkinnedButtonChecked.rbHovered .rbDecorated {
        background: none !important;
        color: #fff
    }

    span.RadButton_ToHiDeepblue .rbDecorated.rbPrimary {
        padding-left: 35px  
    }

    span.RadButton_ToHiDeepblue .rbDecorated.rbSecondary {
        padding-right: 35px
    }

    span.RadButton_ToHiDeepblue.rbVerticalButton {
        padding-left: 0
    }

    span.RadButton_ToHiDeepblue.rbVerticalButton .rbDecorated {
        padding-left: 8px
    }

    span.RadButton_ToHiDeepblue.rbVerticalButton .rbDecorated.rbPrimary {
        padding-left: 40px
    }

    span.RadButton_ToHiDeepblue.rbVerticalButton, span.RadButton_ToHiDeepblue.rbVerticalButton .rbDecorated {
        height: 63px;
        line-height: 63px
    }

    span.RadButton_ToHiDeepblue.rbSkinnedButton, span.RadButton_ToHiDeepblue.rbLinkButton, span.RadButton_ToHiDeepblue.rbVerticalButton, span.RadButton_ToHiDeepblue.RadButton.rbDisabled, span.RadButton_ToHiDeepblue.RadButton.rbDisabled.rbHovered, span.RadButton_ToHiDeepblue.RadButton.rbDisabled:active, span.RadButton_ToHiDeepblue.RadButton.rbDisabled:focus {
        /*border: 1px solid #cdcdcd*/
        border:none !important;
        width:auto !important;
        margin-left:5px;
    }

    span.RadButton_ToHiDeepblue.rbSkinnedButton.rbNativeButton, span.RadButton_ToHiDeepblue.rbLinkButton.rbNativeButton, span.RadButton_ToHiDeepblue.rbVerticalButton.rbNativeButton {
        border: 0 none
    }

    span.RadButton_ToHiDeepblue span.rbPrimary {
        padding-left: 20px
    }

    span.RadButton_ToHiDeepblue span.rbSecondary {
        padding-right: 20px
    }

    span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbHovered {
        border: 0 none;
        color: #25a0da
    }

    span.RadButton_ToHiDeepblue.RadButton.rbToggleButton:active, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton:focus {
        color: #25a0da
    }

    span.RadButton_ToHiDeepblue.rbToggleButton:active .rbText, span.RadButton_ToHiDeepblue.rbToggleButton:focus .rbText {
        color: #000
    }

    span.RadButton_ToHiDeepblue .rbDecorated {
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
        font-size: 16px
    }

    span.RadButton_ToHiDeepblue.RadButton.rbHovered {
        border: 1px solid #e8e8e8;
        background:none;
    }

    span.RadButton_ToHiDeepblue.RadButton:active, span.RadButton_ToHiDeepblue.RadButton:focus, span.RadButton_ToHiDeepblue.rbPressedButton, span.RadButton_ToHiDeepblue.RadButton.rbPressedButton, span.RadButton_ToHiDeepblue.RadButton.rbSkinnedButtonChecked, span.RadButton_ToHiDeepblue.RadButton.rbSkinnedButtonChecked.rbHovered, span.RadButton_ToHiDeepblue.RadButton.rbLinkButtonChecked, span.RadButton_ToHiDeepblue.RadButton.rbLinkButtonChecked.rbHovered, span.RadButton_ToHiDeepblue.RadButton.rbVerticalButtonChecked, span.RadButton_ToHiDeepblue.RadButton.rbVerticalButtonChecked.rbHovered {
        background:none !important;
        color: #fff
    }

        span.RadButton_ToHiDeepblue.RadButton:active .rbDecorated, span.RadButton_ToHiDeepblue.RadButton:focus .rbDecorated, span.RadButton_ToHiDeepblue.RadButton.rbPressedButton .rbDecorated, span.RadButton_ToHiDeepblue.RadButton.rbSkinnedButtonChecked .rbDecorated, span.RadButton_ToHiDeepblue.RadButton.rbSkinnedButtonChecked.rbHovered .rbDecorated, span.RadButton_ToHiDeepblue.RadButton.rbLinkButtonChecked .rbDecorated, span.RadButton_ToHiDeepblue.RadButton.rbLinkButtonChecked.rbHovered .rbDecorated {
            color: #fff
        }

    span.RadButton_ToHiDeepblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbPrimaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbPrimaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxFilled, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbSecondaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbSecondaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxFilled, span.RadButton_ToHiDeepblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbLinkButton .rbPrimaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbLinkButton .rbPrimaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxFilled, span.RadButton_ToHiDeepblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbLinkButton .rbSecondaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbLinkButton .rbSecondaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxFilled, span.RadButton_ToHiDeepblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbToggleButton .rbPrimaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbToggleButton .rbPrimaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxFilled, span.RadButton_ToHiDeepblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbToggleButton .rbSecondaryIcon.rbToggleRadio, span.RadButton_ToHiDeepblue.rbToggleButton .rbSecondaryIcon.rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxFilled {
        background-image: url('Common/radFormToggleSprite.png');
        width: 22px;
        height: 22px;
        top: 9px
    }

    span.RadButton_ToHiDeepblue.rbToggleButton .rbText {
        padding: 0 8px
    }

    span.RadButton_ToHiDeepblue.rbToggleButton.rbTextButton {
        border: 0 none;
        color: #000
    }

        span.RadButton_ToHiDeepblue.rbToggleButton.rbTextButton .rbText {
            padding: 0 28px
        }

    span.RadButton_ToHiDeepblue .rbSplitRight, span.RadButton_ToHiDeepblue .rbSplitLeft {
        width: 28px
    }

    span.RadButton_ToHiDeepblue.RadButton span.rbSplitRight, span.RadButton_ToHiDeepblue.RadButton span.rbSplitLeft, span.RadButton_ToHiDeepblue.RadButton span.rbSplitRight.rbHovered, span.RadButton_ToHiDeepblue.RadButton span.rbSplitLeft.rbHovered {
        background-image: url('Common/metrotouch-sprite.png');
        background-position: -11px -58px
    }

    span.RadButton_ToHiDeepblue.RadButton.rbDisabled span.rbSplitLeft, span.RadButton_ToHiDeepblue.RadButton.rbDisabled span.rbSplitRight, span.RadButton_ToHiDeepblue.RadButton.rbDisabled.rbHovered.rbLinkButton span.rbSplitLeft, span.RadButton_ToHiDeepblue.RadButton.rbDisabled.rbHovered.rbLinkButton span.rbSplitRight {
        background-position: -11px -58px !important
    }

    span.RadButton_ToHiDeepblue span.rbSplitRight:active, span.RadButton_ToHiDeepblue span.rbSplitRight:focus, span.RadButton_ToHiDeepblue span.rbSplitLeft:active, span.RadButton_ToHiDeepblue span.rbSplitLeft:focus {
        background-position: -111px -58px
    }

    span.RadButton_ToHiDeepblue.RadButton .rbSplitRight {
        border-left: 1px solid #cdcdcd
    }

        span.RadButton_ToHiDeepblue.RadButton .rbSplitRight.rbHovered {
            /*background-color: #e8e8e8;*/
            border-left: 1px solid #cdcdcd
        }

        span.RadButton_ToHiDeepblue.RadButton .rbSplitRight:active, span.RadButton_ToHiDeepblue.RadButton .rbSplitRight:focus {
            background-color: #25a0da;
            border-left: 1px solid transparent
        }

    span.RadButton_ToHiDeepblue.RadButton .rbSplitLeft {
        border-right: 1px solid #cdcdcd
    }

        span.RadButton_ToHiDeepblue.RadButton .rbSplitLeft.rbHovered {
            /*background-color: #e8e8e8;*/
            border-right: 1px solid #e8e8e8
        }

        span.RadButton_ToHiDeepblue.RadButton .rbSplitLeft:active, span.RadButton_ToHiDeepblue.RadButton .rbSplitLeft:focus {
            background-color: #25a0da;
            border-right: 1px solid #fff
        }

    span.RadButton_ToHiDeepblue.rbDisabled, span.RadButton_ToHiDeepblue.rbDisabled .rbToggleCheckbox, span.RadButton_ToHiDeepblue.rbDisabled .rbToggleCheckboxChecked, span.RadButton_ToHiDeepblue.rbDisabled .rbToggleRadio, span.RadButton_ToHiDeepblue.rbDisabled .rbToggleRadioChecked, span.RadButton_ToHiDeepblue.rbDisabled .rbToggleCheckboxFilled {
        opacity: .6
    }

    span.RadButton_ToHiDeepblue.rbSkinnedButton.rbDisabled, span.RadButton_ToHiDeepblue.rbVerticalButton.rbDisabled, span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled, span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled.rbHovered {
        /*background-color: #fff;*/
        color: #000;
        border: 1px solid #cdcdcd;
        cursor: default
    }

        span.RadButton_ToHiDeepblue.rbSkinnedButton.rbDisabled .rbDecorated, span.RadButton_ToHiDeepblue.rbVerticalButton.rbDisabled.rbHovered .rbDecorated, span.RadButton_ToHiDeepblue.rbVerticalButton.rbDisabled:active .rbDecorated, span.RadButton_ToHiDeepblue.rbVerticalButton.rbDisabled:focus .rbDecorated, span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled, span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled.rbHovered {
            /*background-color: #fff;*/
            color: #000
        }

    span.RadButton_ToHiDeepblue.rbToggleButton.rbDisabled, span.RadButton_ToHiDeepblue.rbToggleButton.rbDisabled.rbHovered, span.RadButton_ToHiDeepblue.rbToggleButton.rbDisabled:active, span.RadButton_ToHiDeepblue.rbToggleButton.rbDisabled:focus {
        background-color: transparent;
        border: 0 none
    }

    span.RadButton_ToHiDeepblue.rbDisabled .rbSplitLeft, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitLeft.rbHovered, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitLeft:active, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitLeft:focus {
        border-right: 1px solid #cdcdcd
    }

    span.RadButton_ToHiDeepblue.rbDisabled .rbSplitRight, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitRight.rbHovered, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitRight:active, span.RadButton_ToHiDeepblue.rbDisabled .rbSplitRight:focus {
        border-left: 1px solid #cdcdcd
    }

    span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled, span.RadButton_ToHiDeepblue.rbLinkButton.rbDisabled.rbHovered {
        border: 1px solid #cdcdcd
    }

    span.RadButton_ToHiDeepblue span.rbPrimaryIcon {
        top: 9px;
        left: 5px
    }

    span.RadButton_ToHiDeepblue span.rbSecondaryIcon {
        top: 9px;
        right: 5px
    }

    span.RadButton_ToHiDeepblue:focus .rbToggleCheckbox + .rbDecorated, span.RadButton_ToHiDeepblue:focus .rbToggleCheckboxChecked + .rbDecorated, span.RadButton_ToHiDeepblue:active .rbToggleCheckbox + .rbDecorated, span.RadButton_ToHiDeepblue:active .rbToggleCheckboxChecked + .rbDecorated, span.RadButton_ToHiDeepblue:focus .rbToggleRadio + .rbDecorated, span.RadButton_ToHiDeepblue:focus .rbToggleRadioChecked + .rbDecorated, span.RadButton_ToHiDeepblue:active .rbToggleRadio + .rbDecorated, span.RadButton_ToHiDeepblue:active .rbToggleRadioChecked + .rbDecorated {
        color: #767676
    }

    span.RadButton_ToHiDeepblue.rbLinkButton.rbRounded {
        border-radius: 0
    }

    span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbDisabled, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbDisabled.rbHovered, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbDisabled:active, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbDisabled:focus, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton.rbHovered, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton:active, span.RadButton_ToHiDeepblue.RadButton.rbToggleButton:focus {
        background-color: transparent;
        background-image: none;
        border: 0;
        height: auto
    }

    span.RadButton_ToHiDeepblue .rbAdd, span.RadButton_ToHiDeepblue .rbRemove, span.RadButton_ToHiDeepblue .rbOk, span.RadButton_ToHiDeepblue .rbCancel, span.RadButton_ToHiDeepblue .rbPrevious, span.RadButton_ToHiDeepblue .rbNext, span.RadButton_ToHiDeepblue .rbSave, span.RadButton_ToHiDeepblue .rbConfig, span.RadButton_ToHiDeepblue .rbRefresh, span.RadButton_ToHiDeepblue .rbEdit {
        background-image: url('Common/rbBasicIcons16x16Dark.png') !important
    }

    span.RadButton_ToHiDeepblue .rbUpload, span.RadButton_ToHiDeepblue .rbDownload, span.RadButton_ToHiDeepblue .rbOpen, span.RadButton_ToHiDeepblue .rbAttach, span.RadButton_ToHiDeepblue .rbPrint, span.RadButton_ToHiDeepblue .rbSearch, span.RadButton_ToHiDeepblue .rbHelp, span.RadButton_ToHiDeepblue .rbCart, span.RadButton_ToHiDeepblue .rbRSS, span.RadButton_ToHiDeepblue .rbMail, span.RadButton_ToHiDeepblue .rbFB, span.RadButton_ToHiDeepblue .rbTwitter {
        background-image: url('Common/rbExtendedIcons16x16Dark.png') !important
    }

    span.RadButton_ToHiDeepblue .rbAdd24, span.RadButton_ToHiDeepblue .rbRemove24, span.RadButton_ToHiDeepblue .rbOk24, span.RadButton_ToHiDeepblue .rbCancel24, span.RadButton_ToHiDeepblue .rbPrevious24, span.RadButton_ToHiDeepblue .rbNext24, span.RadButton_ToHiDeepblue .rbSave24, span.RadButton_ToHiDeepblue .rbConfig24, span.RadButton_ToHiDeepblue .rbRefresh24, span.RadButton_ToHiDeepblue .rbEdit24 {
        background-image: url('Common/rbBasicIcons24x24Dark.png') !important
    }

    span.RadButton_ToHiDeepblue .rbUpload24, span.RadButton_ToHiDeepblue .rbDownload24, span.RadButton_ToHiDeepblue .rbOpen24, span.RadButton_ToHiDeepblue .rbAttach24, span.RadButton_ToHiDeepblue .rbPrint24, span.RadButton_ToHiDeepblue .rbSearch24, span.RadButton_ToHiDeepblue .rbHelp24, span.RadButton_ToHiDeepblue .rbCart24, span.RadButton_ToHiDeepblue .rbRSS24, span.RadButton_ToHiDeepblue .rbMail24, span.RadButton_ToHiDeepblue .rbFB24, span.RadButton_ToHiDeepblue .rbTwitter24 {
        background-image: url('Common/rbExtendedIcons24x24Dark.png') !important
    }

    span.RadButton_ToHiDeepblue .rbToggleCheckbox + .rbText.rbPrimary, span.RadButton_ToHiDeepblue .rbToggleCheckboxChecked + .rbText.rbPrimary, span.RadButton_ToHiDeepblue .rbToggleRadio + .rbText.rbPrimary, span.RadButton_ToHiDeepblue .rbToggleRadioChecked + .rbText.rbPrimary {
        padding: 0 25px
    }

.RadButton.RadButton_ToHiDeepblue {
    height: 34px;
    line-height: 33px;
    color: #ccc;
}

