/* RadColorPicker XPC skin */
.RadColorPicker_XPC .rcpPalette
{
	background-color:#282828;
	border:solid 1px #282828;	
}

.RadColorPicker_XPC .rcpColorBox
{
	border:solid 1px #282828;
}

.RadColorPicker_XPC .rcpSelectedColor,
.RadColorPicker_XPC .rcpMillionColorsPalette,

.RadColorPicker_XPC .rcpColorPreview,
.RadColorPicker_XPC .rcpInput,
.RadColorPicker_XPC .rcpHexInput
{
	border:solid 1px #282828;
}

.RadColorPicker_XPC .rcpHexInput,
.RadColorPicker_XPC .rcpInput
{
	background-color:#444;
}

.RadColorPicker_XPC .rcpPalette,
.RadColorPicker_XPC input,
.RadColorPicker_XPC a,
.RadColorPicker_XPC .rcpTabs .rcpSelectedTab a span
{
    color:#fff;
}

.RadColorPicker_XPC .rcpEmptyColor,
.RadColorPicker_XPC .rcpIcon a,
.RadColorPicker_XPC .rcpTabs,
.RadColorPicker_XPC .rcpTabs a,
.RadColorPicker_XPC .rcpTabs a span,
.RadColorPicker_XPC .rcpApplyButton,
.RadColorPicker_XPC .rcpApplyButton span,
.RadColorPicker_XPC .rcpMillionColorsHandle,
.RadColorPicker_XPC div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle
{
	background-image:url('ColorPicker/ColorPickerSprites.gif');
	background-repeat:no-repeat;
}

/* no color button */
.RadColorPicker_XPC .rcpEmptyColor
{
    background-position:right -52px;
}

.RadColorPickerRTL_XPC .rcpEmptyColor
{
    background-position:-1001px -52px;
}

/* color picker button */
.RadColorPicker_XPC .rcpIcon a
{
	background-position:0 -52px;
}

.RadColorPicker_XPC .rcpIcon a:hover
{
	background-position:0 -73px;
}

.RadColorPicker_XPC .rcpIcon a:active,
.RadColorPicker_XPC .rcpIcon a:focus
{
	background-position:0 -94px;
}

/* colorpicker tabs */
.RadColorPicker_XPC .rcpTabs
{
    background:#202020;
    background-position:0 -169px;
}

.RadColorPicker_XPC .rcpTabs a span
{
    color:#d7d7d7;
}

.RadColorPicker_XPC .rcpTabs .rcpSelectedTab a
{
    background-position:right -26px;
}

.RadColorPicker_XPC .rcpTabs .rcpSelectedTab a span
{
    background-position:left -26px;
}

/* apply color button */
.RadColorPicker_XPC .rcpApplyButton
{
    background-position:right -115px;
}

.RadColorPicker_XPC .rcpApplyButton:hover
{
    background-position:right -136px;
}

.RadColorPicker_XPC .rcpApplyButton span
{
    background-position:0 -115px;
}

.RadColorPicker_XPC .rcpApplyButton:hover span
{
    background-position:0 -136px;
    color:#9eda29;
}

/* HSB, HSV palette handle */
.RadColorPicker_XPC .rcpMillionColorsHandle
{
    background-position:-1009px -73px;
    background-color:transparent;
}

/* HSB, HSV slider handle */
.RadColorPicker_XPC div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle,
.RadColorPicker_XPC div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:hover,
.RadColorPicker_XPC div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:focus,
.RadColorPicker_XPC div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:active
{
    background-position:-1002px -88px;
}