.RadColorPicker_AireSpring {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px
}

    .RadColorPicker_AireSpring.RadColorPicker {
        width: 51px
    }

    .RadColorPicker_AireSpring div.rcpHeader .rcpImageButton, .RadColorPicker_AireSpring .rcpSlider div.rslTrack, .RadColorPicker_AireSpring .rcpSlider .rslTrack a.rslDraghandle, .RadColorPicker_AireSpring div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
        background-image: url('ColorPicker/rcpSprite.png')
    }

    .RadColorPicker_AireSpring div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
        margin-left: 4px
    }

    .RadColorPicker_AireSpring .rcpViews, .RadColorPicker_AireSpring .rcpHeader, .RadColorPicker_AireSpring .rcpPageView {
        background-color: #fff
    }

    .RadColorPicker_AireSpring div.rcpHeader {
        background-image: url('Common/radGradientDarkV50.png');
        background-color: #D6D5D4\9;
        _background-image: none;
        background-image: linear-gradient(#fff,#d6d5d4);
        background-position: 0 0;
        border-bottom: 1px solid #b6b6b6;
        margin: 0 -7px 10px -7px;
        padding-left: 10px;
        padding-right: 8px
    }

    .RadColorPicker_AireSpring div.rcpPalette {
        border: 1px solid #d7d7d7;
        background-color: #fff;
        padding: 0 7px 10px;
        border-radius: 2px;
        box-shadow: 0 1px 3px #d7d7d7
    }

        .RadColorPicker_AireSpring div.rcpPalette label, .RadColorPicker_AireSpring div.rcpRecentColorsLabel {
            line-height: 20px
        }

    .RadColorPicker_AireSpring .rcpInputsWrapper li label {
        line-height: 26px
    }

    .RadColorPicker_AireSpring div.rcpColorPreview {
        height: 26px;
        width: 34px;
        border: 1px solid #d7d7d7;
        margin: 0
    }

    .RadColorPicker_AireSpring.RadColorPicker .rcpPalette input.rcpHexInput {
        height: 25px;
        line-height: 25px;
        width: 65px !important;
        border: 1px solid #d7d7d7 !important;
        font-size: 13px;
        margin: 0 0 0 5px;
        background-color: #fff;
        border-radius: 4px
    }

    .RadColorPicker_AireSpring div.rcpHeader .rcpImageButton {
        width: 26px;
        height: 26px;
        margin-left: 5px;
        border: 1px solid #d7d7d7;
        background-color: #fff
    }

    .RadColorPicker_AireSpring div.rcpHeader .rcpEmptyColor {
        background-position: -32px -92px
    }

    .RadColorPicker_AireSpring div.rcpHeader .rcpCustomColorButton {
        background-position: -2px -92px
    }

    .RadColorPicker_AireSpring div.rcpHeader .rcpButton {
        background-image: url('Common/radGradientDarkV50.png');
        _background-image: none;
        border-color: #c9c9c9;
        color: #767676;
        background-color: #e3e3e3;
        background-image: linear-gradient(#fefefe,#e3e3e3);
        border: 1px solid #c9c9c9;
        height: 26px;
        background-position: 0 0;
        background-repeat: repeat-x;
        border-radius: 4px;
        margin-right: -4px;
        font-size: 13px
    }

        .RadColorPicker_AireSpring div.rcpHeader .rcpButton:hover {
            border-color: #939393;
            color: #444;
            background-color: #939393;
            background-image: linear-gradient(#d6d6d6,#939393);
            border: 1px solid #939393;
            background-position: 0 0;
            cursor: pointer
        }

        .RadColorPicker_AireSpring div.rcpHeader .rcpButton:active, .RadColorPicker_AireSpring div.rcpHeader .rcpButton:focus {
            border-color: #a9a9a9;
            color: #000;
            background-color: #ccc;
            background-image: linear-gradient(#ccc,#ccc);
            border: 1px solid #a9a9a9;
            box-shadow: inset 0 0 4px #c0c0c0;
            background-position: 0 0;
            color: #000
        }

        .RadColorPicker_AireSpring div.rcpHeader .rcpButton span {
            line-height: 25px
        }

    .RadColorPicker_AireSpring .rcpColorPreview, .RadColorPicker_AireSpring .rcpInput, .RadColorPicker_AireSpring .rcpHexInput, .RadColorPicker_AireSpring .rcpMillionColorsPalette {
        border-color: #d7d7d7
    }

    .RadColorPicker_AireSpring .rcpMillionColorsSlider div.rslTrack {
        border: 1px solid #d7d7d7
    }

html.RadForm.rfdTextbox .RadColorPicker_AireSpring input.rcpInput, div.RadForm.rfdTextbox .RadColorPicker_AireSpring input.rcpInput {
    width: 26px
}

.RadColorPicker_AireSpring .rcpPalette, .RadColorPicker_AireSpring input, .RadColorPicker_AireSpring a {
    color: #767676
}

.RadColorPicker_AireSpring ul.rcpRecentColors li {
    *margin-top: -20px
}

@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
    .RadColorPicker_AireSpring ul.rcpWebPalette li {
        margin: 0
    }
}

.RadColorPicker_AireSpring ul.rcpWebPalette li, .RadColorPicker_AireSpring .rcpColorBox, .RadColorPicker_AireSpring .rcpColorBox span, .RadColorPicker_AireSpring .rcpSelectedColor, .RadColorPicker_AireSpring .rcpSelectedColor span {
    *font-size: 1px
}

.RadColorPicker_AireSpring div.rcpTabs {
    bottom: -27px
}

    .RadColorPicker_AireSpring div.rcpTabs ul li, .RadColorPicker_AireSpring div.rcpTabs ul li.rcpSelectedTab {
        margin: -4px 0 0 0
    }

.RadColorPicker_AireSpring .rcpTabs a {
    background-image: url('Common/radGradientDarkV50.png');
    _background-image: none;
    border-color: #c9c9c9;
    color: #767676;
    background-color: #e3e3e3;
    background-image: linear-gradient(#fefefe,#e3e3e3);
    background-position: 0 0;
    height: 25px;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 2px #d7d7d7
}

.RadColorPicker_AireSpring .rcpTabs li.rcpSelectedTab a, .RadColorPicker_AireSpring .rcpTabs li.rcpSelectedTab a:hover {
    background-color: #fff;
    background-image: none;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    padding-bottom: 2px;
    color: #767676
}

.RadColorPicker_AireSpring .rcpTabs .rcpSelectedTab a span {
    line-height: 25px
}

.RadColorPicker_AireSpring div.rcpTabs ul li a span {
    line-height: 25px
}

.RadColorPicker_AireSpring .rcpTabs a:hover {
    border-color: #939393;
    color: #444;
    background-color: #939393;
    background-image: linear-gradient(#d6d6d6,#939393);
    background-position: 0 0
}

.RadColorPicker_AireSpring .rcpTabs a:active, .RadColorPicker_AireSpring .rcpTabs a:active {
    border-color: #a9a9a9;
    color: #000;
    background-color: #ccc;
    background-image: linear-gradient(#ccc,#ccc);
    box-shadow: inset 0 0 4px #c0c0c0
}

.RadColorPicker_AireSpring div.rcpRGBPageView ul li {
    width: 260px;
    margin-bottom: 6px
}

.RadColorPicker_AireSpring div.rcpRGBPageView .rcpInput {
    float: right
}

.RadColorPicker_AireSpring div.rcpHsvPageView .rcpMillionColorsPalette {
    width: 256px;
    background-size: 100%
}

.RadColorPicker_AireSpring input.rcpInput {
    width: 24px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #d7d7d7;
    margin-top: 2px;
    background-color: #fff;
    border-radius: 4px
}

.RadColorPicker_AireSpring ul.rcpRecentColors {
    padding: 35px 1px 0
}

    .RadColorPicker_AireSpring ul.rcpRecentColors li {
        width: 14px;
        height: 14px
    }

.RadColorPicker_AireSpring .rcpRecentColors .rcpColorBox {
    margin: -20px 0 0 0
}

.RadColorPicker_AireSpring div.rcpIcon {
    background-image: url('Common/radGradientDarkV50.png');
    _background-image: none;
    border-color: #c9c9c9;
    color: #767676;
    background-color: #e3e3e3;
    background-image: linear-gradient(#fefefe,#e3e3e3);
    height: 26px;
    width: 50px;
    border-radius: 4px
}

    .RadColorPicker_AireSpring div.rcpIcon:hover {
        border-color: #939393;
        color: #444;
        background-color: #939393;
        background-image: linear-gradient(#d6d6d6,#939393)
    }

    .RadColorPicker_AireSpring div.rcpIcon:active, .RadColorPicker_AireSpring div.rcpIcon:focus {
        border-color: #a9a9a9;
        color: #000;
        background-color: #ccc;
        background-image: linear-gradient(#ccc,#ccc);
        box-shadow: inset 0 0 4px #c0c0c0
    }

    .RadColorPicker_AireSpring div.rcpIcon a {
        height: 26px;
        width: 48px;
        background-image: url('Common/radActionsSprite.png');
        background-position: 12.5px -61px;
        border-radius: 4px
    }

        .RadColorPicker_AireSpring div.rcpIcon a:hover, .RadColorPicker_AireSpring div.rcpIcon a:active, .RadColorPicker_AireSpring div.rcpIcon a:focus {
            height: 26px;
            width: 48px;
            background-image: url('Common/radActionsSprite.png');
            background-position: -37.5px -61px;
            border-radius: 4px
        }

    .RadColorPicker_AireSpring div.rcpIcon em {
        border: 1px solid #d7d7d7 !important;
        width: 14px;
        height: 14px;
        margin: 6px 0 0 5px
    }

.RadColorPicker_AireSpring div.rcpMillionColorsPageView div.rcpInputsWrapper {
    width: 45px;
    margin: 0 0 0 8px
}

.RadColorPicker_AireSpring div.rcpHeader .rcpButton {
    margin-right: -1px
}

.RadColorPicker_AireSpring .RadSlider_AireSpring {
    padding: 0
}

    .RadColorPicker_AireSpring .RadSlider_AireSpring div.rslHorizontal div.rslTrack {
        background-image: url('ColorPicker/rcpSprite.png');
        background-color: transparent
    }

    .RadColorPicker_AireSpring .RadSlider_AireSpring div.rslVertical .rslSelectedregion, .RadColorPicker_AireSpring .RadSlider_AireSpring div.rslHorizontal div.rslSelectedregion {
        background-image: none;
        background-color: transparent
    }

.RadColorPicker_AireSpring .rcpSlider .rslHorizontal div.rslTrack {
    top: 8px;
    height: 24px !important
}

.RadColorPicker_AireSpring div.rcpRedSlider .rslHorizontal .rslTrack, .RadColorPicker_AireSpring div.rcpRedSlider .rslHorizontal .rslSelectedregion {
    background-position: center 0
}

.RadColorPicker_AireSpring div.rcpGreenSlider .rslHorizontal .rslTrack, .RadColorPicker_AireSpring div.rcpGreenSlider .rslHorizontal .rslSelectedregion {
    background-position: center -27px !important
}

.RadColorPicker_AireSpring div.rcpBlueSlider .rslHorizontal .rslTrack, .RadColorPicker_AireSpring div.rcpBlueSlider .rslHorizontal .rslSelectedregion {
    background-position: center -54px !important
}

.RadColorPicker_AireSpring div.rcpSlider div.rslHorizontal .rslTrack a.rslDraghandle, .RadColorPicker_AireSpring div.rcpMillionColorsSlider div.rslVertical div.rslTrack a.rslDraghandle {
    background-image: url('Common/radActionsSprite.png');
    background-position: -20px -20px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    height: 12px;
    line-height: 10px;
    margin-top: 6px;
    width: 10px;
    filter: none
}

.RadColorPicker_AireSpring div.rcpMillionColorsSlider {
    margin: 0 0 0 -5px
}

    .RadColorPicker_AireSpring div.rcpMillionColorsSlider div.rslVertical div.rslTrack {
        border-color: #e2e2e2
    }

        .RadColorPicker_AireSpring div.rcpMillionColorsSlider div.rslVertical div.rslTrack a.rslDraghandle {
            background-position: -20px -120px;
            margin-top: 0
        }

.RadColorPicker_AireSpring li.rslItem span, .RadColorPicker_AireSpring li.rslLargeTick span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 9px
}

div.RadColorPickerRTL_AireSpring div.rcpMillionColorsPageView div.rcpInputsWrapper {
    margin: 0
}

div.RadColorPickerRTL_AireSpring .rslVertical {
    margin-right: 15px
}

.RadColorPicker.RadColorPicker_AireSpring.rcpCustomColorWrapper {
    width: 377px
}