/* RadColorPicker GRAY skin */

/* skin-specific wrapper */
.RadColorPicker_Gray .palette
{
	border: solid 1px #828282;
	background: #fff;
}

/* color buttons */
.RadColorPicker_Gray .palette ul li a
{
	cursor: hand;
	border: solid 1px #f2f2f2;
	margin: 1px;
}

.RadColorPicker_Gray .palette ul li a span
{
	border: solid 1px #a2a7ae;
}
/* end of color buttons */

/* selected color */
.RadColorPicker_Gray .selectedcolor
{
	border: solid 1px #747474 !important;
}

.RadColorPicker_Gray .selectedcolor span
{
	border: solid 1px white !important;
}
/* end of selected color */

/* color preview panel */
.RadColorPicker_Gray .palette .colorpreview
{
	border: solid 1px #ccc;
	margin: 2px;
}

.RadColorPicker_Gray .palette .colorpreview span
{
	font: normal 11px Arial, Verdana, Sans-serif;
	cursor: default;
	line-height: 24px;
}

.RadColorPicker_Gray .palette .colorpreview .colorvaluedark
{
	color: white;
	margin-right: 2px;
}

.RadColorPicker_Gray .palette .colorpreview .colorvaluelight
{
	color: black;
	margin-left: 2px;
}

.RadColorPicker_Gray .palette .colorbox
{
}
/* end of color preview panel */

/* no color button */
.RadColorPicker_Gray .palette .emptycolor
{
	background: white;
}

.RadColorPicker_Gray .palette .emptycolor,
.RadColorPicker_Gray .palette .emptycolor.selectedColor 
{
	border: solid 1px #a8a8a8 !important;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	margin: 2px 2px 0 2px;
}

.RadColorPicker_Gray .palette .emptycolor span,
.RadColorPicker_Gray .palette .emptycolor.selectedColor span
{
	border: solid 1px white;
}

.RadColorPicker_Gray .palette .emptycolor span,.RadColorPicker_Gray .palette .emptycolor a
{
	font: bold 10px Verdana, Arial, Sans-serif;
	color: #a8a8a8;
	text-decoration: none;
	display: block; clear: both; float: none;
	margin: 0;
}
/* end of no color button */

/* color picker icon */
.RadColorPicker_Gray .icon,
.RadColorPicker_Gray .icon a,
.RadColorPicker_Gray .icon em
{
	width: 31px; height: 21px;
}

.RadColorPicker_Gray .icon a,
.RadColorPicker_Gray .icon a:hover,
.RadColorPicker_Gray .icon a:active,
.RadColorPicker_Gray .icon a:focus
{
	background-image: url(ColorPicker/IconSprites.gif);
	background-repeat: no-repeat;
	cursor: default;
}

.RadColorPicker_Gray .icon a
{
	background-position: 0 0;
}

.RadColorPicker_Gray .icon a:hover
{
	background-position: 0 -21px;
}

.RadColorPicker_Gray .icon a:active,
.RadColorPicker_Gray .icon a:focus
{
	background-position: 0 -42px;
}
/* end color picker icon */