/* slider */
.dragPanel {
	position:relative; background-color:#EEEEEE;
	margin:0px; width:260px; height:180px;
}
.dragPanel h4 {
	background-color:#BBBBBB; height:10px; margin:0px; cursor:move;
}
.thumb {
	cursor:default; width:18px; height:18px; z-index:59; position:absolute;
}
.bg {
	position:absolute; left:10px; height:18px; width:146px;
	border:0px solid #AAAAAA;
}
.bg span, .bg p {
	cursor:default; position:relative; font-size:2px; overflow:hidden;
	color:#AAAAAA; top:4px; height:10px; width:4px; display:block; float:left;
}
.bg span { border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
.bg .lb { border-left:1px solid #CCCCCC; }
.bg .rb { border-right:1px solid #CCCCCC; }
#valdiv { position:absolute; top:100px; left:10px; }
#rBG { top:30px }
#gBG { top:50px }
#bBG { top:70px }
#rgbSwatch {
	position:absolute; left:160px; top:34px; height:50px; width:50px;
	border:1px solid #AAAAAA;
}
#rgbPanel { width:360px; height:240px; }
/* picker */
#hueThumb {
	cursor:default; width:18px; height:18px; z-index:59; position:absolute;
}
#hueBg {
	position:absolute; left:216px; height:198px; width:18px;
	background:url(../img/hue.png) no-repeat; top:18px;
}
#pickerDiv { position:absolute; left:10px; height:187px; width:188px; top:20px; }
#pickerbg {	position:absolute; z-index:51; top:0px; left:0px; }
#selector {
	cursor:default; width:11px; height:11px; z-index:59; position:absolute;
	top:0px; left:0px;
}
#pickerSwatch {
	position:absolute; left:260px; top:30px; height:60px; width:60px;
	border:2px solid #AAAAAA;
}
#pickervaldiv { text-align:right; position:absolute; top: 86px; left:246px; }
#pickerPanel { width:360px; height:240px; }
.pickerTxt, .pickerBtn { font-size:10px; }
.pickerTxt {
	font-family:"Courier New", Courier, monospace; font-size:0.9em;
	border-left:1px inset #424142; border-top:1px inset #424142;
	border-right:1px inset #D6D3CE; border-bottom:1px inset #D6D3CE;
}
.pickerBtnImg { background:none; border:none; margin:none; padding:none; }
.pickerBtn {
	width:60px; text-align:center; font-weight:bold; background:#D6D3CE;
	border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
	border-right:1px outset #424142; border-bottom:1px outset #424142;
}
#pickerPanel { /*display:none;*/ visibility:hidden; position:absolute; left:100px; top:50px; z-index:50; border:1px solid #000000; }
a.pickerLauncher, a.pickerLauncher:hover { text-decoration:none; border:none; }
#pickerHandle { text-align:right; height:20px; }
#pickerHandle a { cursor:pointer; text-decoration:none; border:none; }