analytics/webcontent/pat/pat_contextbar.css

.clsCCHLContextBar
{
	padding: 1px 2px 4px 5px;
	cursor: default;
	height: 52px;
	overflow: hidden;
	border: none;
	background-color: transparent;
	border: 1px solid var(--ui-03);
}
.clsCCHLContextBar TABLE,
.clsCCHLContextBar TD
{
	padding: 0;
	border-style: none;
	border-collapse: collapse;
	white-space: nowrap;
	margin: 0;
}
.clsCCHLContextLabel
{
	font-family: var(--F1);
	font-size: var(--CAPTION);
	color: var(--text-01);
}
TABLE.clsCCHLContextItem
{
	cursor: default;
}
TD.clsCCHLContextItem,
TD.clsCCHLContextItem_selected
{
	padding: 2px;
	font-size: var(--BODY-S);
	margin: 0;
	border: 1px solid var(--G2);
	color: var(--text-01);
	background-color: var(--ui-01);
}
TD.clsCCHLContextItem_selected
{
	background-color: var(--selected-ui);
}
.clsCCHLContextItemImg
{
	height: 24px;
	padding: 0;
	margin: 0;
	width: 7px;
	vertical-align: middle;
}
.clsCCHLCaretVerticalBar
{
	padding: 3px;
	width: 10px;
	border-left: 1px solid var(--B);
	border-right: 1px solid var(--B);
	background-color: var(--ui-01);
}
TABLE.clsCCHLContextItemSelected .clsCCHLContextItemLabel
{
	background-color: var(--B);
	color: var(--ui-01);
}
DIV.clsCCHLScrollButton,
DIV.clsCCHLScrollButton_hover,
DIV.clsCCHLScrollButton_pressed
{
	width: 8px;
	height: 22px;
	text-align: center;
	border: 1px solid var(--G2);
}
DIV.clsCCHLScrollButton
{
	background-color: var(--ui-01);
}
DIV.clsCCHLScrollButton_hover
{
	background-color: var(--hover-ui);
}
DIV.clsCCHLScrollButton_pressed
{
	background-color: var(--active-ui);
}
DIV.clsCCHLDropRect
{
	z-index: 98;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	border: 2px dashed var(--B);
	font-size: 2pt;
	display: none;
}

DIV.clsContextbarDropdownArrow
{
	width: 0;
	height: 0;
	border-top: 4px solid var(--icon-01);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

DIV.clsContextbarLeftArrow,
DIV.clsContextbarRightArrow
{
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent !important;
	border-bottom: 4px solid transparent !important;
}
DIV.clsContextbarLeftArrow
{
	border-left-width: 0;
	border-right: 4px solid var(--icon-01);
}
DIV.clsContextbarRightArrow
{
	border-right-width: 0;
	border-left: 4px solid var(--icon-01);
}
DIV.clsContextbarArrowDisabled
{
	border-color: var(--disabled-02);
}