.DHTMLSuite_colorSlider{
	margin:2px;
	width:450px;
	height:210px;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

.DHTMLSuite_colorSlider_palette_border{
	border-top:2px solid #B2B2B2;
	border-left:2px solid #ACA899;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	width:256px;
	height:256px;
	float:left;
	margin-right:5px;
}



/* Vertical hue bar/slider */
.DHTMLSuite_colorSlider_hue{
	width:40px;
	position:relative;
	padding-left:10px;
	float:left;
}

.DHTMLSuite_colorSlider_hueBar_border{
	border-top:2px solid #B2B2B2;
	border-left:2px solid #ACA899;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	width:20px;
	height:256px;	
	position:relative;
	z-index:10;
}


.DHTMLSuite_colorSlider_hueBar{
	background-image:url('../images/colorPalettes/hueBar.png');
	height:256px;
	width:20px;
	background-color:red;
}
.DHTMLSuite_colorSlider_sliderHandle{
	width:41px;
	height:9px;
	background-image:url('../images/colorPalettes/slider-handle-left.gif');
	background-repeat:no-repeat;
	position:absolute;
	z-index:15;
	left:1px;
	top:-2px;
	cursor:default;
}
.DHTMLSuite_colorSlider_sliderHandle div{
	background-image:url('../images/colorPalettes/slider-handle-right.gif');
	background-repeat:no-repeat;
	background-position:top right;
	height:9px;
}

/* horizontal hue bar */

/* Vertical hue bar/slider */

.DHTMLSuite_colorSlider_hueHorizontal{
	height:40px;
	width:360px;
	position:relative;
	padding-top:10px;
	margin-top:5px;
	clear:both;
}


.DHTMLSuite_colorSlider_hueBarHorizontal_border{
	border-top:2px solid #B2B2B2;
	border-left:2px solid #ACA899;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	width:360px;
	height:20px;	
	position:relative;
	z-index:10;
}


.DHTMLSuite_colorSlider_hueBarHorizontal{
	background-image:url('../images/colorPalettes/hueBar-horizontal.png');
	width:360px;
	height:20px;
	background-color:red;
}
.DHTMLSuite_colorSlider_sliderHandleHorizontal{
	height:41px;
	width:9px;
	background-image:url('../images/colorPalettes/slider-handle-down.gif');
	background-repeat:no-repeat;
	position:absolute;
	z-index:15;
	top:1px;
	left:-4px;
	cursor:default;
}
.DHTMLSuite_colorSlider_sliderHandleHorizontal div{
	background-image:url('../images/colorPalettes/slider-handle-up.gif');
	background-repeat:no-repeat;
	background-position:top right;
	height:9px;
	width:9px;
	position:absolute;
	bottom:0px;
}



.DHTMLSuite_colorSlider_palette{
	width:256px;
	height:256px;
	float:left;
}

.DHTMLSuite_colorSlider_palette_circle{
	background-image:url('../images/colorPalettes/circle-selected-black.gif');
	width:13px;
	height:13px;
	position:absolute;
	z-index:100000;
	background-position: center center;
	background-repeat:no-repeat;
	padding:0px;

}
.DHTMLSuite_colorSlider_palette_circleBlack{
	background-image:url('../images/colorPalettes/circle-selected-black.gif');
}

.DHTMLSuite_colorSliderFormDiv{	/* Div element for the form at the right side of the hue bar */
	float:left;
	width:100px;
	height:256px;
}

.DHTMLSuite_colorSlider_colorPreview{
	width:80px;
	height:50px;
	border-left:1px solid #B2B2B2;
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}

.DHTMLSuite_colorSliderFormTable{
	font-size:12px;
}

.DHTMLSuite_colorSliderFormTable input{
	width:30px;
	font-family:arial;
	font-size:11px;
}
input.DHTMLSuite_colorSlider_rgbCode{
	width:50px;
}

img{
	behaviour:url('/pngbehavior.htc');
}