.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); }