/* RadColorPicker for ASP.Net AJAX Telerik skin */

.RadColorPicker_Telerik .rcpPalette
{
	border: solid 1px #828282;
	background: #ffffff;
}

.RadColorPicker_Telerik .rcpPalette a
{
	border: solid 1px #fff;
}

.RadColorPicker_Telerik ul li a.rcpSelectedColor
{
	border: solid 1px black;
}

.RadColorPicker_Telerik .rcpColorPreview
{
	border: solid 1px #3c4c30;
	background-color: white;
}

.RadColorPicker_Telerik .rcpInput,
.RadColorPicker_Telerik .rcpHexInput
{
    color: black;
    border: solid 1px #3c4c30;
}

/* no color button */
.RadColorPicker_Telerik .rcpEmptyColor
{
	background-image: url('ColorPicker/ColorPickerSprites.gif');
	background-position: right -52px;
}

.RadColorPicker_Telerik .rcpEmptyColor span
{
    color:black;
}

/* color picker rcpIcon */
.RadColorPicker_Telerik .rcpIcon a,
.RadColorPicker_Telerik .rcpIcon a:hover,
.RadColorPicker_Telerik .rcpIcon a:active,
.RadColorPicker_Telerik .rcpIcon a:focus
{
	background-image: url('ColorPicker/ColorPickerSprites.gif');
}

.RadColorPicker_Telerik .rcpIcon a
{
	background-position: 0 -52px;
}

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

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

/* colorpicker mode tabs */
.RadColorPicker_Telerik .rcpTabs
{
    background: #fff;
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: 0 -169px;
}

.RadColorPicker_Telerik .rcpTabs ul li a
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    color: black;
}

.RadColorPicker_Telerik .rcpTabs ul li a span
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
}

.RadColorPicker_Telerik .rcpTabs ul li.rcpSelectedTab a
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: right -26px;
}

.RadColorPicker_Telerik .rcpTabs ul li.rcpSelectedTab a span
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: left -26px;
}

/* apply color button */
.RadColorPicker_Telerik .rcpApplyButton
{
    background-position: right -115px;
    background-image: url('ColorPicker/ColorPickerSprites.gif');
}

.RadColorPicker_Telerik .rcpApplyButton span
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: 0 -115px;
    color: #000000;
}

.RadColorPicker_Telerik .rcpApplyButton:hover
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: right -136px;
}

.RadColorPicker_Telerik .rcpApplyButton:hover span
{
    background-image: url('ColorPicker/ColorPickerSprites.gif');
    background-position: 0 -136px;
    color: #000000;
}