/* r.a.d.colorpicker Hay skin */

/* skin-specific wrapper */
.RadColorPicker_Hay .palette
{
    border-top: solid 1px #c3c2a4;
	border-right: solid 1px #979797;
	border-bottom: solid 1px #979797;
	border-left: solid 1px #c3c2a4;
	background: white;
}

* html .RadColorPicker_Hay,
* html .RadColorPicker_Hay .palette
{
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=2,color=#646464,direction=135);
}
*+html .RadColorPicker_Hay,
*+html .RadColorPicker_Hay .palette
{
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=2,color=#646464,direction=135);
}

.RadColorPicker_Hay .palette ul
{
	border-top:1px solid #686868;
	border-bottom:1px solid #686868;
	margin-bottom:1px;
	width:100%;
}

/*fix larger space between color button rows under IE*/
* html .RadColorPicker_Hay .breakline
{
	margin-bottom:-1px;
}
*+html .RadColorPicker_Hay .breakline
{
	margin-bottom:-1px;
}

/*fix larger space above the color preview div under IE*/
* html .RadColorPicker_Hay .palette ul
{
	padding-bottom:2px;
	margin-bottom:0;
}
*+html .RadColorPicker_Hay .palette ul
{
	padding-bottom:2px;
	margin-bottom:0;
}

/* color buttons */
.RadColorPicker_Hay .palette ul li a
{
	cursor: pointer;
	border: solid 1px #e4e4e4;
}

.RadColorPicker_Hay .palette ul li a span
{
	padding:2px;
	_padding:3px; /*fix for larger paletter width in IE6*/
}
/* end of color buttons */

/* selected color */
.RadColorPicker_Hay ul li a.selectedcolor
{
	border: solid 1px #000;
}

.RadColorPicker_Hay ul li a.selectedcolor span
{
	/*border: solid 1px #fff;*/
}
/* end of selected color */

/* color preview panel */
.RadColorPicker_Hay .palette .colorpreview
{
	margin: 1px;
}

.RadColorPicker_Hay .palette .colorpreview span
{
	font:normal 11px "segoe ui",arial,sans-serif;
	cursor:default;
	line-height: 20px;
}

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

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

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

/* no color button */
.RadColorPicker_Hay .palette .emptycolor
{
	background: url('ColorPicker/NoColor.gif') 4px 5px no-repeat #fff;
}

.RadColorPicker_Hay .palette .emptycolor,
.RadColorPicker_Hay .palette .emptycolor.selectedColor 
{
	font:normal 11px "segoe ui",arial,sans-serif;
	line-height:22px;
	padding:0 20px;
}

.RadColorPicker_Hay .palette .emptycolor span,
.RadColorPicker_Hay .palette .emptycolor a
{
	color:#646464;
	text-decoration: none;
	display: block; clear: both; float: none;
	margin: 0;
}
/* end of no color button */

/* color picker icon */
.RadColorPicker_Hay .icon,
.RadColorPicker_Hay .icon a,
.RadColorPicker_Hay .icon em
{
	width: 30px; height: 25px;
}

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

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

.RadColorPicker_Hay .icon a:hover
{
	background-position: 0 -25px;
}

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