/* RadColorPicker generic css file */
.RadColorPicker {
	width: 37px;
	font-size: 1px;
}

.RadColorPicker .rcpPalette {
	z-index: 4000; /* default z-index for the popup */
}

.RadColorPicker .rcpDisabled {
	filter: alpha(opacity = 30);
	opacity: .3;
	-moz-opacity: .3;
}

.RadColorPicker .rcpPalette, .RadColorPicker .rcpTabs, .RadColorPicker .rcpHeader, .RadColorPicker .rcpWebPalette, .RadColorPicker .rcpRGBPageView ul, .RadColorPicker .rcpMillionColorsPageView, .RadColorPicker .rcpInputsWrapper ul, .RadColorPicker .rcpFooter {
	zoom: 1;
}

.RadColorPicker .rcpPalette:after, .RadColorPicker .rcpTabs:after, .RadColorPicker .rcpHeader:after, .RadColorPicker .rcpWebPalette:after, .RadColorPicker .rcpRGBPageView ul:after, .RadColorPicker .rcpMillionColorsPageView:after, .RadColorPicker .rcpInputsWrapper ul:after, .RadColorPicker .rcpFooter:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.RadColorPicker ul, .RadColorPicker ul li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	height: auto;
	display: block;
}

.RadColorPicker a {
	outline: none;
	text-decoration: none;
	moz-user-select: none;
}

.RadColorPicker .rcpTabs, .RadColorPicker .rcpHexInput, .RadColorPicker .rcpInput, .RadColorPicker label, .RadColorPicker .rcpEmptyColor, .RadColorPicker .rcpApplyButton {
	font: normal 10pt Arial, Helvetica, sans-serif;
}

.RadColorPicker .rcpPalette label {
	width: 17px;
	line-height: 22px;
}

/* color picker button */
.RadColorPicker .rcpIcon, .RadColorPicker .rcpIcon a, .RadColorPicker .rcpIcon em {
	width: 37px;
	height: 21px;
	display: block;
	overflow: hidden;
}

.RadColorPicker .rcpIcon {
	position: relative; /* Otherwise in Opera in rtl mode, the absolute A and EM are not positioned correctly. */
}

.RadColorPicker .rcpIcon a, .RadColorPicker .rcpIcon em {
	position: absolute;
	text-indent: -9999px;
}

.RadColorPicker .rcpIcon a {
	z-index: 9;
	cursor: default;
}

.RadColorPicker .rcpIcon em {
	z-index: 8;
}

/* preview panel */
.RadColorPicker .rcpHeader {
	padding: 4px 5px 2px;
}

.RadColorPicker .rcpColorPreview {
	width: 49px;
	height: 20px;
	float: left;
	margin: 0 5px 0 0;
}

.RadColorPicker .rcpHexInput, .RadColorPicker .rcpInput {
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
	text-align: center;
	cursor: default;
}

.RadColorPicker .rcpHexInput {
	width: 70px;
	float: left;
}

.RadColorPicker .rcpInput {
	width: 32px;
}

/* no color button */
.RadColorPicker .rcpHeader .rcpEmptyColor {
	width: 80px;
	height: 21px;
	display: block;
	float: right;
	cursor: pointer;
}

.RadColorPicker .rcpEmptyColor span {
	display: block;
	width: 60px;
	height: 21px;
	line-height: 21px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* apply color button */
.RadColorPicker .rcpFooter {
	padding-top: 12px;
}

.RadColorPicker .rcpApplyButton {
	display: block;
	width: 73px;
	height: 21px;
	text-align: center;
	padding-right: 6px;
	float: right;
	margin: 0 5px 5px 0;
	cursor: default;
}

.RadColorPicker .rcpApplyButton span {
	display: block;
	line-height: 21px;
	padding-left: 6px;
}

/* color picker tabs */
.RadColorPicker .rcpTabs {
	width: 100%;
	height: auto;
}

.RadColorPicker .rcpTabs ul {
	padding: 4px 0 0 1px;
	float: left;
}

.RadColorPicker .rcpTabs ul li {
	float: left;
}

.RadColorPicker .rcpTabs ul li a {
	display: block;
	float: left;
	background-position: right top;
	padding-right: 6px;
	cursor: default;
}

.RadColorPicker .rcpTabs ul li a span {
	display: block;
	padding-left: 6px;
	line-height: 26px;
	white-space: nowrap;
}

/* WebPalette palette */
.RadColorPicker .rcpWebPalette {
	margin: 1px;
}

/* WebPalette color buttons */
.RadColorPicker .rcpWebPalette li {
	float: left;
}

.RadColorPicker .rcpColorBox, .RadColorPicker .rcpSelectedColor {
	cursor: pointer;
	display: block;
}

.RadColorPicker .rcpColorBox span, .RadColorPicker .rcpSelectedColor span {
	line-height: 1px;
	width: 12px;
	display: block;
	padding: 2px;
	text-indent: -9999px;
	overflow: hidden;
}

.RadColorPicker .rcpWebPalette .rcpBreakLine {
	float: none;
	clear: both;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
	overflow: hidden;
}

/* RGBSliders palette */
.RadColorPicker .rcpRGBPageView {
	padding: 1px 5px;
}

.RadColorPicker .rcpRGBPageView ul li {
	float: left;
	margin-bottom: 2px;
}

.RadColorPicker .rcpRGBPageView .rcpInput {
	margin-right: 5px;
}

.RadColorPicker .rcpRGBPageView .rcpInput, .RadColorPicker .rcpRGBPageView ul li label {
	float: left;
}

.RadColorPicker .rcpSlider {
	float: right;
}

.RadColorPickerRTL .rcpRGBPageView .rcpInput {
	margin-right: 0px;
	margin-left: 5px;
}

.RadColorPickerRTL .rcpRGBPageView .rcpInput, .RadColorPickerRTL .rcpRGBPageView ul li label {
	float: right;
}

.RadColorPickerRTL .rcpSlider {
	float: left;
}

/* IE6 fix - the R, G, B inputs do not show */
* html .RadColorPickerRTL .rcpRGBPageView ul li {
	width: 100%;
}

/* Million colors palettes */
.RadColorPicker .rcpHsbPageView .rcpVInputWrapper {
	display: none;
}

.RadColorPicker .rcpMillionColorsPalette {
	width: 256px;
	height: 256px;
	overflow: visible;
	position: relative;
	float: left;
}


.RadColorPicker div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
	width: 22px;
	height: 7px;
	line-height: 7px;
	margin-left: -5px;
}

* html .RadColorPicker div.RadSliderRTL div.rslVertical a.rslDraghandle {
	margin-left: 0px;
	margin-right: -5px;
}

* + html .RadColorPicker div.RadSliderRTL div.rslVertical a.rslDraghandle {
	margin-left: 0px;
	margin-right: -5px;
}

.RadColorPicker .rcpHsvPageView .rcpLInputWrapper {
	display: none;
}



/*fix larger space between color button rows under IE*/
* html .RadColorPicker .rcpBreakLine {
	margin-top: -2px;
}
* + html .RadColorPicker .rcpBreakLine {
	margin-top: -2px;
}

/* Fix double margin bug with elements with float in IE6 */
* html .RadColorPicker .rcpApplyButton {
	display: inline;
}

/* The B input in IE6 pushes the V input down, even though the V LI has display:none  */
* html .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper li {
	float: none;
}


/* RadColorPicker Custom skin */
.RadColorPicker_Custom .rcpPalette {
	background-color: #fff;
	border: solid 1px #828282;
}

.RadColorPicker_Custom .rcpColorBox {
	border: solid 1px #e4e4e4;
}

.RadColorPicker_Custom .rcpSelectedColor, .RadColorPicker_Custom .rcpMillionColorsPalette {
	border: solid 1px #000;
}

.RadColorPicker_Custom .rcpColorPreview, .RadColorPicker_Custom .rcpInput, .RadColorPicker_Custom .rcpHexInput {
	border: solid 1px #b8b8b8;
	border-top-color: #8e8e8e;
}

.RadColorPicker_Custom .rcpPalette, .RadColorPicker_Custom input, .RadColorPicker_Custom a {
	color: #000;
}

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

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

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

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

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

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

/* color picker tabs */
.RadColorPicker_Custom .rcpTabs {
	background-color: #fafafa;
	background-position: 0 -169px;
}

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

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

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

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

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

.RadColorPicker_Custom .rcpApplyButton:hover span {
	background-position: 0 -136px;
}

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

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