TP.uc('~lib_src/xctrls/themes/tpi/TP.xctrls.buttonitem_tpi.css').$setInlined(true).setContent(
'/*\n    CSS styles for the \'xctrls:buttonitem\' control.\n*/\n\n@import url("~lib_src/xctrls/themes/TP.xctrls.buttonitem_all.css");\n\n@namespace url("http://www.w3.org/1999/xhtml");\n@namespace xctrls url("http://www.technicalpursuit.com/2005/xcontrols");\n@namespace pclass url("urn:tibet:pseudoclass");\n\n/* The buttonitem */\n*|*[data-theme~="tpi"] xctrls|buttonitem {\n\n    border-width: var(--xctrls-buttonitem-border-width);\n    border-style: var(--xctrls-buttonitem-border-style);\n    border-radius: var(--xctrls-buttonitem-border-radius);\n\n    background-color: var(--xctrls-buttonitem-background-color-normal);\n\n    box-shadow: inset 0 0 0.5em #ddd;\n}\n\n/* Hovering over the buttonitem */\n*|*[data-theme~="tpi"] xctrls|buttonitem:hover {\n\n    background-color: var(--xctrls-buttonitem-background-color-hover);\n}\n\n/* Focusing on the buttonitem */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|focus] {\n\n    background-color: var(--xctrls-buttonitem-background-color-focus);\n}\n\n/* Clicking down on the buttonitem */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|active] {\n\n    background-color: var(--xctrls-buttonitem-background-color-active);\n}\n\n/* The buttonitem is disabled */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|disabled] {\n\n    background-color: var(--xctrls-buttonitem-background-color-disabled);\n}\n\n/* The buttonitem is selected */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|selected] {\n\n    background-color: var(--xctrls-buttonitem-background-color-selected);\n}\n\n/* Hovering over a selected buttonitem */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|selected]:hover {\n\n    color: var(--xctrls-buttonitem-font-color-normal);\n    background-color: var(--xctrls-buttonitem-background-color-selected);\n}\n\n/* The buttonitem label */\n*|*[data-theme~="tpi"] xctrls|buttonitem > xctrls|label {\n\n    font-size: var(--xctrls-buttonitem-font-size);\n    font-family: var(--xctrls-buttonitem-font-family);\n\n    color: var(--xctrls-buttonitem-font-color-normal);\n}\n\n/* Hovering over the buttonitem, label must highlight */\n*|*[data-theme~="tpi"] xctrls|buttonitem:hover > xctrls|label {\n\n    color: var(--xctrls-buttonitem-font-color-hover);\n}\n\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|selected]:hover > xctrls|label {\n\n}\n\n/* Focusing on the buttonitem, label must highlight */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|focus] {\n\n}\n\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|focus] > xctrls|label {\n\n    color: var(--xctrls-buttonitem-font-color-focus);\n}\n\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|focus][pclass|selected] > xctrls|label {\n\n}\n\n/* Clicking down on the buttonitem, label must highlight */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|active] {\n\n}\n\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|active] > xctrls|label {\n\n    color: var(--xctrls-buttonitem-font-color-active);\n}\n\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|active][pclass|selected] > xctrls|label {\n\n}\n\n/* The buttonitem is disabled, so is the label */\n*|*[data-theme~="tpi"] xctrls|buttonitem[pclass|disabled] > xctrls|label {\n\n    color: var(--xctrls-buttonitem-font-color-disabled);\n}\n'
);