DIV.clsCCHLDefaultListItem
{
	background-color: var(--ui-02);
	padding: 2px 5px;
	text-align: center;
}

DIV.clsCCHLPreviewContent
{
	padding-top: 25px;
	height: 70px;
	width: 130px;
	margin: 12px auto 12px auto;
	background-color: var(--ui-03);
}

.clsCCHLPreviewAreaContainer
{
	border: 1px solid var(--primary3);
	background-color: var(--ui-01);
	color: var(--text-02);
}

FIELDSET.clsCCHLPreviewBorder
{
	border: 2px solid var(--text-02);
	margin: 10px;
}
LEGEND.clsCCHLPreviewBorderLegend
{
	font-weight: bold;
}

TABLE.clsCCHLCssUnitsComboBox
{
	height: 32px;
	width: 60px;
}

.clsCCHLCustomColorBox
{ 
	width: 22px;
	height: 22px;
	background-color: transparent;
	margin: 1px;
}
.clsCCHLEmptyCustomColorBox
{
	border: 1px dotted var(--text-03);
}

.clsCCHLAngleChooser
{
	border: 1px solid var(--G2);
	background-color: var(--ui-01);
	margin-bottom: 10px;
	width: 170px;
	cursor: default;
}
.clsCCHLDivAngleChooserContainer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	overflow: hidden;
}

INPUT.clsCCHLNumericRange
{
	text-align: right;
	border: 1px solid var(--ui-03);
	width: 100%;
	height: 19px;
	vertical-align: top;
}

TR.clsCCHLtableHeader
{
	width: 18px;
	background-color: var(--ui-03);
}

INPUT.clsCCHLNumeric
{
	text-align: right;
}

.clsListItem_colorCell_normal,
.clsListItem_colorCell_hover,
.clsListItem_colorCell_selected
{
	border: 2px solid transparent;
}
.clsListItem_colorCell_hover
{
	border-color: var(--primary2);
}
.clsListItem_colorCell_selected
{
	border-color: var(--primary1);
}