.clsCCHLTextWidget
{ 
	width: 145px;
}
.clsPromptInvalidMessageContainer
{
	background: var(--ui-01);
	border: 1px solid var(--support-01);
	padding-left: 2px;
}
.clsPromptInvalidMessage
{
	font-size: 8pt;
	color: var(--support-01);
	line-height: 8pt;
}
.clsCCHLSelectDateCalendarDialog
{
	background-color: #ffffff;
	color: #222222;
	padding: 3px;
	text-align: center;
	vertical-align: top;
	overflow: visible;
	width: 210px;
	border: 1px solid #cccccc;
}
[isControl] .clsCCHLSelectDateCalendarDialog
{
	background-color: var(--ui-01);
	color: var(--text-01);
	border-color: var(--G2);
}

.clsCCHLSelectDateYears
{
	text-align: center;
	background-color: #00649d;
	color: #222222;
	font-weight: bold;
}
[isControl] .clsCCHLSelectDateYears
{
	background-color: var(--primary1);
	color: var(--text-01);
}
.clsCCHLSelectDateMonths
{
	color: #00649d;
	font-size: 8pt;
	text-decoration: underline;
	margin-top: 3px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	font-weight: normal;
}
[isControl] .clsCCHLSelectDateMonths
{
	height: 32px;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	font-size: var(--BODY-S);
	text-decoration: none;
	color: var(--GRS-FONT-COLOR);
}
.clsCCHLSelectDateMonthsSelected
{
	color: #00649d;
	font-size: 8pt;
	text-decoration: underline;
	margin-top: 3px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	font-weight: bold;
}
[isControl] .clsCCHLSelectDateMonthsSelected
{
	height: 32px;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	font-size: var(--BODY-S);
	text-decoration: none;
	font-weight: bold;
	color: var(--ui-01);
	background-color: var(--primary1);
}
.clsCCHLSelectDateMonthsDisabled
{
	color: #222222;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 3px;
	text-align: center;
	vertical-align: bottom;
	cursor: default;
	font-weight: normal;
}
[isControl] .clsCCHLSelectDateMonthsDisabled
{
	height: 32px;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	font-size: var(--BODY-S);
	text-decoration: none;
	color: var(--G2);
}
.clsCCHLSelectDateDaysOfWeek
{
	background-color: #eeeeee;
	font-size: 9pt;
	padding: 3px;
	color: #222222;
	text-decoration: none;
	text-align: center;
}
[isControl] .clsCCHLSelectDateDaysOfWeek
{
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: var(--BODY-S);
	text-decoration: none;
	color: var(--GRS-FONT-COLOR);
	background-color: var(--ui-03);
}
.clsCCHLSelectDateDays
{
	color: #00649d;
	text-decoration: underline;
	text-align: center;
	font-size: 10pt;
	padding: 3px;
	cursor: pointer;
	font-weight: normal;
	background-color: transparent;
}
[isControl] .clsCCHLSelectDateDays
{
	width: 32px;
	height: 32px;
	padding: 0;
	cursor: pointer;
	font-size: var(--BODY-S);
	text-decoration: none;
	color: var(--GRS-FONT-COLOR);
}
.clsCCHLSelectDateDaysSelected
{
	font-weight: bold;
	color: #00649d;
	background-color: var(--G2);
	text-decoration: none;
	font-size: 80%;
	cursor: pointer;
	text-align: center;
	padding: 3px;
}
[isControl] .clsCCHLSelectDateDaysSelected
{
	width: 32px;
	height: 32px;
	padding: 0;
	cursor: pointer;
	font-size: var(--BODY-S);
	text-decoration: none;
	font-weight: bold;
	color: var(--ui-01);
	background-color: var(--primary1);
}
.clsCCHLSelectDateDaysDisabled
{
	color: #222222;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	padding: 3px;
	cursor: default;
	font-weight: normal;
	background-color: var(--ui-01);
}
[isControl] .clsCCHLSelectDateDaysDisabled
{
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: var(--BODY-S);
	text-decoration: none;
	cursor: default;
	color: var(--G2);
}
.clsCCHLSelectDateYearEditBox
{
	width: 100px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
[isControl] .clsCCHLSelectDateYearEditBox
{
	color: var(--GRS-FONT-COLOR);
	text-align: center;
	border-bottom-width: 0;
	padding: 0;
}
.clsCCHLSelectTimeEditBox
{
	border: 1px solid var(--text-03);
	margin: 0;
	padding: 0;
	margin-right: 5px;
	overflow: visible;
	overflow-x: visible;
	background-color: var(--ui-01);
	width: 140px;
}
.clsCCHLSelectTimeEditBoxExtend
{
	margin: 0;
	padding: 0;
	margin-right: 5px;
	overflow: visible;
	overflow-x: visible;
	background-color: var(--ui-01);
	width: 180px;
	border: 1px solid var(--text-03);
}
.clsCCHLSelectTimeControl
{
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
	background-image: none;
}
.clsCCHLColon
{
	font-family: var(--F1);
	vertical-align: middle;
	background-color: var(--ui-01);
	margin: 0;
	border: 0;
	padding: 0;
}
.clsCCHLClock
{
	margin: 0;
	height: 190px;
	width: 140px;
	position: relative;
}
.clsCCHLClockBlock
{
	border: 1px solid var(--G2);
	background-color: var(--ui-01);
	margin-bottom: 10px;
	width: 100%;
}
.clsCCHLClockDigits
{
	position: absolute;
	top: 0;
	left: 0;
	font-size: var(--BODY-S);
	color: var(--text-01);
}
.clsCCHLMinuteHand
{
	position: absolute;
	width: 2px;
	height: 2px;
	font-size: 2px;
	background: var(--ui-05);
	border: 1px solid var(--ui-05);
}
.clsCCHLHourHand
{
	position: absolute;
	width: 2px;
	height: 2px;
	font-size: 2px;
	background: var(--ui-05);
	border: 1px solid var(--ui-05);
}
.clsCCHLSecondHand
{
	position: absolute;
	width: 2px;
	height: 2px;
	font-size: 2px;
	background: var(--primary1);
	border: 1px solid var(--primary1);
}
.clsCCHLDivClock
{
	position: absolute;
	top: 0;
	left: 0;
}

.clsCCHLBoundingBox
{
	background-color: var(--ui-03);
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.clsCCHLParseErrorOn
{
	border-bottom: 2px dashed #F60;
	padding-bottom: 0;
}
[isControl] .clsCCHLParseErrorOn INPUT.clsTextBox
{
	border-bottom-style: dashed;
	border-bottom-color: var(--support-01);
}
.clsCCHLParseErrorOff
{
	border-bottom-width: 0;
	padding-bottom: 2px;
}
[isControl] .clsCCHLParseErrorOff
{
	padding-bottom: 0;
}

.clsListView_selectWithSearchHardcodedForSize SPAN
{
	font-family: Arial, Helvetica, sans-serif;
}