.sel {
background-color:highlight;
color:highlighttext;
}

#colorbar{
	background-color:threedface;
	z-index:4;
	position:absolute;
}

#colorbar { 
	z-index:600;
	border-top:1px solid threedhighlight;
	border-bottom:1px solid threedshadow;
	padding-top:5px;
	height:42px;
	width:620px;
	overflow:hidden;
}
#colorbar ul {
	margin:0;padding:0;
	list-style:none;	
}
#colorbar ul li {
	margin:0;padding:0;
}

#colorbar #colors {
	width:260px;
}

#colorbar #colors li {
	float:left;
	height:14px; width:14px;
}

#colorbar #colors li, #colorbar #currcol {
	border:1px solid;
	border-top-color:threedshadow;
	border-left-color:threedshadow;
	border-right-color:threedhighlight;
	border-bottom-color:threedhighlight;
}

#colorbar #currcol { 
	float:left;
	width:30px; height:30px;
	position:relative;
}

#colorbar label {
	margin-left:10px;
	white-space:nowrap;
}

#colorbar #colors li div, #currcol #currcoltert {
	margin:0;
	float:none;
	width:12px; height:12px;
	border:1px solid;
	border-top-color:windowframe;
	border-left-color:windowframe;
	border-right-color:threedlightshadow;
	border-bottom-color:threedlightshadow;
}
#currcol #currcoltert {
	width:28px; height:28px;
	background-color:#DDD;
}
#currcol div {
	width:13px; height:13px;
	border:1px solid;
	border-top-color:threedhighlight;
	border-left-color:threedhighlight;
	border-right-color:threedshadow;
	border-bottom-color:threedshadow;
}
#currcol div canvas {
	width:11px; height:11px;
	border:1px solid threedlightshadow;
}
#currcol #currcolforecont {
	position:absolute;
	left:5px;top:5px;
}
#currcol #currcolbackcont {
	position:absolute;
	left:11px;top:11px;
}