.RadRibbonBar_Metro {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .RadRibbonBar_Metro .rrbWrap {
        border-color: #cac7c7;
        color: #333;
        background-color: #e0dfdf
    }

    .RadRibbonBar_Metro .rrbTabs {
        border-bottom-color: #b1adad
    }

        .RadRibbonBar_Metro .rrbTabs .rrbItem .rrbLink {
            padding: 10px 15px;
            border-radius: 4px 4px 0 0;
            border-color: transparent;
            color: #333
        }

        .RadRibbonBar_Metro .rrbTabs .rrbItem.rrbHovered .rrbLink {
            color: #333;
            border-color: #b1adad;
            background-color: #ec881e
        }

        .RadRibbonBar_Metro .rrbTabs .rrbItem.rrbSelected .rrbLink {
            border-color: #cac7c7;
            color: #333;
            background-color: #eae9e9;
            border-color: #b1adad #b1adad #eae9e9
        }

        .RadRibbonBar_Metro .rrbTabs .rrbItem, .RadRibbonBar_Metro .rrbTabs .rrbApplicationItem {
            margin-right: 7px
        }

    .RadRibbonBar_Metro .rrbContextualItem {
        padding-top: 2.8571428571em
    }

    .RadRibbonBar_Metro .rrbQat + .rrbTabs .rrbContextualItem {
        margin-top: -2.8571428571em
    }

    .RadRibbonBar_Metro .rrbButton {
        padding: 6px;
        border-radius: .2857142857em
    }

    .RadRibbonBar_Metro .rrbAbox > .rrbButtonGroup .rrbButton {
        border-radius: 0
    }

        .RadRibbonBar_Metro .rrbAbox > .rrbButtonGroup .rrbButton + .rrbButton {
            margin-left: -1px
        }

        .RadRibbonBar_Metro .rrbAbox > .rrbButtonGroup .rrbButton:first-child {
            border-radius: .2857142857em 0em 0em .2857142857em
        }

        .RadRibbonBar_Metro .rrbAbox > .rrbButtonGroup .rrbButton:last-child {
            border-radius: 0em .2857142857em .2857142857em 0em
        }

    .RadRibbonBar_Metro .rrbApplicationItem {
        margin-bottom: 7px
    }

        .RadRibbonBar_Metro .rrbApplicationItem .rrbLink {
            width: 1.4285714286em;
            padding: 6px;
            border-radius: .2857142857em;
            color: transparent;
            border-color: #608190;
            background-color: #9ab1bc
        }

            .RadRibbonBar_Metro .rrbApplicationItem .rrbLink:before {
                content: "\E002";
                font: 1.1428571429em WebComponentsIcons;
                color: #090909;
                vertical-align: middle
            }

        .RadRibbonBar_Metro .rrbApplicationItem.rrbSelected .rrbHeaderBar {
            border-color: #cac7c7;
            background: #e0dfdf
        }

        .RadRibbonBar_Metro .rrbApplicationItem.rrbSelected .rrbLink {
            border-color: #b1adad;
            background-color: #d0cece
        }

            .RadRibbonBar_Metro .rrbApplicationItem.rrbSelected .rrbLink:before {
                color: #333
            }

    .RadRibbonBar_Metro .rrbContextualItem .rrbLabel {
        color: #ffffff
    }

    .RadRibbonBar_Metro .rrbQat .rrbItem {
        border-radius: 4px
    }

    .RadRibbonBar_Metro .rrbQat .rrbQatDropDown label {
        padding: 6px 6px 6px 1.6em
    }

    .RadRibbonBar_Metro .rrbMenu {
        padding: 5px
    }

        .RadRibbonBar_Metro .rrbMenu .rrbHeader {
            margin: -5px -5px 5px;
            padding: 6px 12px;
            color: #333;
            background-color: #e0dfdf
        }

    .RadRibbonBar_Metro .rrbToolTip {
        color: #333;
        border-color: #cac7c7;
        background-color: #e8e6e6
    }

    .RadRibbonBar_Metro .rrbCommandGroup {
        border-radius: 4px;
        padding: 7px 7px 30px;
        border-color: #cac7c7;
        background-color: #e0dfdf
    }

        .RadRibbonBar_Metro .rrbCommandGroup:before {
            height: 4.6428571429em;
            padding: 19px 0
        }

        .RadRibbonBar_Metro .rrbCommandGroup ~ .rrbCommandGroup {
            margin-left: .5em
        }

    .RadRibbonBar_Metro .rrbCommandArea {
        padding: .5em;
        background-color: #eae9e9
    }

    .RadRibbonBar_Metro .rrbResizeHandle {
        background-position: -20px -2220px
    }

    .RadRibbonBar_Metro .rrbTitle {
        border-color: #cac7c7;
        color: #333;
        background-color: #eae9e9;
        margin: 4px -7px -30px;
        padding: 6px 12px
    }

    .RadRibbonBar_Metro .rrbCollapsedGroup {
        border-color: #cac7c7
    }

        .RadRibbonBar_Metro .rrbCollapsedGroup .rrbIcon {
            border-color: #608190
        }

    .RadRibbonBar_Metro .rrbButton, .RadRibbonBar_Metro .rrbButtonGroup .rrbButton, .RadRibbonBar_Metro .rrbComboBox .rrbButton, .RadRibbonBar_Metro .rrbDropDown .rrbButton, .RadRibbonBar_Metro .rrbNumericTextBox .rrbButton, .RadRibbonBar_Metro .rrbColorPicker .rrbButton, .RadRibbonBar_Metro .rrbDropDown .rrbDDInner, .RadRibbonBar_Metro .rrbColorPicker .rrbCPInner, .RadRibbonBar_Metro .rrbGalleryActions .rrbButton {
        border-color: #608190;
        color: #090909;
        background-color: #9ab1bc
    }

    .RadRibbonBar_Metro .rrbComboBox .rrbCBInner, .RadRibbonBar_Metro .rrbDropDown .rrbDDInner, .RadRibbonBar_Metro .rrbNumericTextBox .rrbNTBInner, .RadRibbonBar_Metro .rrbColorPicker .rrbCPInner {
        padding: 6px 34px 6px 6px
    }

        .RadRibbonBar_Metro .rrbComboBox .rrbCBInner .rrbButton, .RadRibbonBar_Metro .rrbDropDown .rrbDDInner .rrbButton, .RadRibbonBar_Metro .rrbNumericTextBox .rrbNTBInner .rrbButton, .RadRibbonBar_Metro .rrbColorPicker .rrbCPInner .rrbButton {
            border-radius: 0
        }

    .RadRibbonBar_Metro .rrbComboBox .rrbButton, .RadRibbonBar_Metro .rrbDropDown .rrbButton, .RadRibbonBar_Metro .rrbNumericTextBox .rrbButton, .RadRibbonBar_Metro .rrbColorPicker .rrbButton {
        padding: 6px
    }

    .RadRibbonBar_Metro .rrbQat .rrbButton, .RadRibbonBar_Metro .rrbButton, .RadRibbonBar_Metro .rrbButton .rrbArrow {
        border-color: transparent;
        background: transparent
    }

        .RadRibbonBar_Metro .rrbQat .rrbButton:hover, .RadRibbonBar_Metro .rrbButton:hover, .RadRibbonBar_Metro .rrbButton.rrbHovered, .RadRibbonBar_Metro .rrbButtonGroup .rrbButton:hover, .RadRibbonBar_Metro .rrbComboBox .rrbButton.rrbHovered, .RadRibbonBar_Metro .rrbDropDown .rrbButton.rrbHovered, .RadRibbonBar_Metro .rrbNumericTextBox .rrbButton.rrbHovered, .RadRibbonBar_Metro .rrbColorPicker .rrbButton.rrbHovered, .RadRibbonBar_Metro .rrbDropDown .rrbDDInner:hover, .RadRibbonBar_Metro .rrbColorPicker .rrbCPInner:hover, .RadRibbonBar_Metro .rrbGallery .rrbItem.rrbHovered, .RadRibbonBar_Metro .rrbGalleryActions .rrbButton.rrbHovered, .rrbSlide_Metro .rrbItem.rrbHovered {
            border-color: #47606b;
            color: #090909;
            background-color: #e78d18
        }

        .RadRibbonBar_Metro .rrbQat .rrbButton:active, .RadRibbonBar_Metro .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbButton.rrbPressed, .RadRibbonBar_Metro .rrbButton.rrbExpanded, .RadRibbonBar_Metro .rrbButton.rrbToggled, .RadRibbonBar_Metro .rrbButtonGroup .rrbButton:active, .RadRibbonBar_Metro .rrbButtonGroup .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbButtonGroup .rrbButton.rrbPressed, .RadRibbonBar_Metro .rrbComboBox .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbDropDown .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbNumericTextBox .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbColorPicker .rrbButton.rrbClicked, .RadRibbonBar_Metro .rrbDropDown .rrbDDInner:active, .RadRibbonBar_Metro .rrbColorPicker .rrbCPInner:active, .RadRibbonBar_Metro .rrbGallery .rrbItem.rrbSelected, .RadRibbonBar_Metro .rrbGalleryActions .rrbButton.rrbClicked, .rrbSlide_Metro .rrbItem.rrbSelected {
            border-color: #47606b;
            color: #090909;
            background-color: #7b99a8;
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
        }

    .RadRibbonBar_Metro .rrbMenu, .rrbDropDownSlide_Metro .rrbPopup, .rrbSlide_Metro .rrbPopup, .rrbPopup_Metro, .rrbPopup_Metro .rrbPopup {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        border-color: #cac7c7;
        color: #333;
        background-color: #eae9e9
    }

        .RadRibbonBar_Metro .rrbMenu .rrbItem.rrbHovered, .rrbPopup_Metro .rrbItem.rrbHovered > .rrbInner, .rrbPopup_Metro .rrbItem.rrbHovered > .rrbInner .rrbToggle, .rrbPopup_Metro .rrbItem.rrbExpanded > .rrbInner {
            border-color: #047fdc;
            color: #f6f7f6;
            background-color: #ec881e
        }

            .rrbPopup_Metro .rrbItem.rrbExpanded > .rrbInner .rrbToggle {
                border-color: #05425d;
                color: #fff;
                background-color: #07658e
            }

    .RadRibbonBar_Metro .rrbGroupLauncher {
        width: 14px;
        height: 14px;
        top: auto;
        right: 0;
        bottom: 0
    }

        .RadRibbonBar_Metro .rrbGroupLauncher:before {
            content: "";
            border-width: 7px;
            border-color: transparent #cac7c7 #cac7c7 transparent;
            border-style: solid
        }

    .RadRibbonBar_Metro .rrbSplitButton:hover .rrbArrow {
        border-color: #608190;
        color: #090909;
        background-color: #9ab1bc;
        border-color: #ec881e
    }

    .RadRibbonBar_Metro .rrbSplitButton.rrbArrowHovered {
        border-color: #608190;
        color: #090909;
        background-color: #9ab1bc;
        border-color: #47606b
    }

        .RadRibbonBar_Metro .rrbSplitButton.rrbArrowHovered .rrbArrow {
            border-color: #47606b;
            color: #090909;
            background-color: #ec881e
        }

    .RadRibbonBar_Metro .rrbSplitButton.rrbClicked .rrbArrow {
        border-color: #608190;
        color: #090909;
        background-color: #9ab1bc;
        border-color: #47606b
    }

    .RadRibbonBar_Metro .rrbSplitButton.rrbArrowHovered.rrbClicked {
        border-color: #608190;
        color: #090909;
        background-color: #ec881e;
        border-color: #47606b;
        box-shadow: none
    }

        .RadRibbonBar_Metro .rrbSplitButton.rrbArrowHovered.rrbClicked .rrbArrow {
            border-color: #47606b;
            color: #090909;
            background-color: #ec881e;
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
        }

    .RadRibbonBar_Metro .rrbSplitButton.rrbExpanded, .RadRibbonBar_Metro .rrbSplitButton.rrbExpanded.rrbClicked {
        border-color: #47606b;
        color: #090909;
        background-color: #7b99a8;
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
    }

        .RadRibbonBar_Metro .rrbSplitButton.rrbExpanded .rrbArrow, .RadRibbonBar_Metro .rrbSplitButton.rrbExpanded.rrbClicked .rrbArrow {
            border-color: #47606b
        }

    .RadRibbonBar_Metro .rrbLargeButton .rrbArrow {
        border-radius: 0em 0em .2857142857em .2857142857em
    }

    .RadRibbonBar_Metro .rrbSmallButton.rrbSplitButton .rrbArrow, .RadRibbonBar_Metro .rrbMediumButton.rrbSplitButton .rrbArrow {
        border-radius: 0em .2857142857em .2857142857em 0em
    }

    .RadRibbonBar_Metro .rrbSmallButton.rrbMenuButton .rrbImagePlaceholder, .RadRibbonBar_Metro .rrbSmallButton.rrbSplitButton .rrbImagePlaceholder {
        left: 6px
    }

    .RadRibbonBar_Metro .rrbSmallButton.rrbMenuButton .rrbArrow, .RadRibbonBar_Metro .rrbSmallButton.rrbSplitButton .rrbArrow {
        width: 22px
    }

    .RadRibbonBar_Metro .rrbMediumButton {
        padding-left: 24px
    }

        .RadRibbonBar_Metro .rrbMediumButton .rrbImagePlaceholder {
            left: 4px
        }

    .RadRibbonBar_Metro .rrbLargeButton {
        padding: 0;
        height: calc(4.28571429em + 36px)
    }

        .RadRibbonBar_Metro .rrbLargeButton .rrbImagePlaceholder {
            top: 0.7em
        }

    .RadRibbonBar_Metro .rrbComboBox .rrbCBInner {
        border-radius: .2857142857em;
        border-color: #608190;
        background-color: #eae9e9
    }

    .RadRibbonBar_Metro .rrbComboBox .rrbCBInput {
        color: #333
    }

    .RadRibbonBar_Metro .rrbDropDown .rrbButton, .RadRibbonBar_Metro .rrbDropDown .rrbButton.rrbHovered {
        background: none
    }

    .RadRibbonBar_Metro .rrbNumericTextBox {
        width: 4.2857142857em
    }

        .RadRibbonBar_Metro .rrbNumericTextBox .rrbNTBInner {
            border-radius: .2857142857em;
            border-color: #608190;
            background-color: #eae9e9
        }

        .RadRibbonBar_Metro .rrbNumericTextBox .rrbNTBInput {
            color: #333
        }

    .RadRibbonBar_Metro .rrbColorPicker .rrbButton, .RadRibbonBar_Metro .rrbColorPicker .rrbButton.rrbHovered {
        background: none
    }

    .RadRibbonBar_Metro .rrbGallery {
        height: 6em;
        padding-right: 32px;
        border-radius: .2857142857em;
        border-color: #cac7c7;
        background-color: #eae9e9
    }

        .RadRibbonBar_Metro .rrbGallery .rrbItem .rrbLink {
            color: #333;
            background-color: #eae9e9
        }

    .RadRibbonBar_Metro .rrbGalleryActions .rrbButton {
        width: 32px;
        border-radius: 0
    }

    .RadRibbonBar_Metro .rrbCategoryTitle {
        color: #333;
        background-color: #e0dfdf
    }

.rrbDropDownSlide_Metro .rrbListItem:hover {
    color: #f6f7f6;
    background-color: #e78d18
}

.rrbSlide_Metro .rrbCategoryTitle {
    color: #333;
    background-color: #e0dfdf
}

.rrbSlide_Metro .rrbGallery {
    background: #eae9e9
}

.rrbSlide_Metro .rrbLink {
    color: #333;
    background-color: #eae9e9
}

.rrbPopup_Metro .rrbHeaderBar {
    border-color: #608190;
    color: #090909;
    background-color: #9ab1bc
}

.rrbPopup_Metro .rrbAuxiliaryPane {
    color: #333;
    border-color: #cac7c7;
    background: #e0dfdf
}

.rrbPopup_Metro .rrbHeader, .rrbPopup_Metro .rrbFooter {
    color: #333;
    border-color: #cac7c7;
    background: #e0dfdf
}