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

/* skin-specific wrapper */
.RadColorPicker_WebBlue .palette
{
	border: solid 1px #8b9cac;
	background: #fff;
}

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

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

/* selected color */
.RadColorPicker_WebBlue .selectedcolor
{
	border: solid 1px #9399a2 !important;
}

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

/* color preview panel */
.RadColorPicker_WebBlue .palette .colorpreview
{
	border: solid 1px #69798c;
	margin: 0 2px 2px 2px;
}

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

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

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

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

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

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

.RadColorPicker_WebBlue .palette .emptycolor span
{
	border: solid 1px white;
}

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

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

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

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

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

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