.RadSearchBox_Metro {
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .RadSearchBox_Metro .rsbInner {
        padding: 0;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
        border-color: #608190;
        color: #ed5007;
        background-color: #8eb6ce
    }

        .RadSearchBox_Metro .rsbInner.rsbHovered {
            border-color: #47606b;
            color: #f6f7f6;
            background-color: #ef7219
        }

        .RadSearchBox_Metro .rsbInner.rsbFocused {
            border-color: #0876a6;
            color: #ed5007;
            background-color: #8eb6ce
        }

    .RadSearchBox_Metro .rsbInput {
        margin: 0;
        padding: 6px 12px
    }

    .RadSearchBox_Metro .rsbButton {
        padding: 6px;
        background: transparent
    }

    .RadSearchBox_Metro .rsbButtonSearch {
        margin: 0;
        border-radius: 0 4px 4px 0;
        border-color: #608190;
        color: #fff;
        background-color: #058df5
    }

        .RadSearchBox_Metro .rsbButtonSearch .rsbIcon {
            width: 20px;
            height: 20px
        }

    .RadSearchBox_Metro .rsbButtonsLeft .rsbButton {
        border-width: 0 1px 0 0
    }

        .RadSearchBox_Metro .rsbButtonsLeft .rsbButton:first-child {
            border-radius: 4px 0 0 4px
        }

    .RadSearchBox_Metro .rsbButtonsRight .rsbButton {
        border-width: 0 0 0 1px
    }

    .RadSearchBox_Metro .rsbSearchContext {
        margin: -1px 0 -1px -1px;
        border-color: inherit
    }

    .RadSearchBox_Metro .rsbSCInner {
        padding: 6px 32px 6px 12px;
        height: auto;
        border-radius: 4px 0 0 4px;
        line-height: inherit;
        border-color: #608190;
        color: #ed5007;
        background-color: #aad4e8
    }

    .RadSearchBox_Metro .rsbSCIcon {
        right: 8px
    }

    .RadSearchBox_Metro .rsbHovered.rsbInner {
        border-color: #47606b;
        color: #ffffff;
        background-color: #ef7219;
    }

        .RadSearchBox_Metro .rsbHovered.rsbInner .rsbSCInner, .RadSearchBox_Metro .rsbHovered.rsbInner .rsbButtonSearch {
            border-color: inherit
        }

    .RadSearchBox_Metro .rsbHovered.rsbSCInner, .RadSearchBox_Metro .rsbHovered.rsbButton {
        border-color: #47606b;
        color: #aad4e8;
        background-color: #ef7219
    }

    .RadSearchBox_Metro .rsbFocused.rsbInner {
        border-color: #0876a6;
        color: #ed5007;
        background-color: #aad4e8;
        box-shadow: 0 0 8px rgba(8,118,166,0.6)
    }

        .RadSearchBox_Metro .rsbFocused.rsbInner .rsbSCInner, .RadSearchBox_Metro .rsbFocused.rsbInner .rsbButton {
            border-color: inherit
        }

    .RadSearchBox_Metro .rsbFocused.rsbSCInner, .RadSearchBox_Metro .rsbFocused.rsbButton {
        border-color: #47606b;
        color: #f6f7f6;
        background-color: #058df5;
        box-shadow: 0 3px 5px rgba(0,0,0,0.13) inset
    }

    .RadSearchBox_Metro .rsbSelected.rsbButton {
        border-color: #47606b;
        color: #fff;
        background-color: #07658e;
        box-shadow: 0 3px 5px rgba(0,0,0,0.13) inset
    }

    .RadSearchBox_Metro .rsbLoadingIcon {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Metro.Common.loading_small.gif")%>')
    }

.rsbPopup_Metro {
    border-color: #cac7c7;
    color: #333;
    background-color: #aad4e8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 2px 0 0 0;
    padding: 5px 0;
    border-radius: 4px
}

    .rsbPopup_Metro .rsbShowAll {
        margin-bottom: -5px
    }

    .rsbPopup_Metro .rsbListItem {
        padding: 3px 12px
    }

    .rsbPopup_Metro .rsbListItemHovered {
        color: #fff;
        background-color: #ef7219
    }

    .rsbPopup_Metro .rsbListItemSelected {
        color: #fff;
        background-color: #07658e
    }

    .rsbPopup_Metro .rsbListItemLoading {
        color: #f6f7f6;
        background-color: #058df5
    }

.RadSearchBox_Metro[dir="rtl"] .rsbButtonSearch {
    border-radius: 4px 0 0 4px
}

.RadSearchBox_Metro[dir="rtl"] .rsbButtonsLeft .rsbButton {
    border-width: 0 1px 0 0
}

    .RadSearchBox_Metro[dir="rtl"] .rsbButtonsLeft .rsbButton:first-child {
        border-radius: 4px 0 0 4px
    }

.RadSearchBox_Metro[dir="rtl"] .rsbButtonsRight .rsbButton {
    border-width: 0 0 0 1px
}