TP.uc('~lib_src/xctrls/themes/tpi/TP.xctrls.pagerbar_tpi.css').$setInlined(true).setContent(
'/*\n    CSS styles for \'xctrls:pagerbar\' controls for the \'tpi\' theme.\n*/\n\n@import url("~lib_src/xctrls/themes/TP.xctrls.pagerbar_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 pagerbar */\n*|*[data-theme~="tpi"] xctrls|pagerbar {\n\n}\n\n/* Pagerbar items */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem {\n\n    border-width: var(--xctrls-pageritem-border-width);\n    border-style: var(--xctrls-pageritem-border-style);\n    border-top-left-radius: var(--xctrls-pageritem-border-radius);\n    border-top-right-radius: var(--xctrls-pageritem-border-radius);\n}\n\n/* Hovering over the pagerbar */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem:hover {\n\n}\n\n/* Focusing on the pagerbar */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|focus] {\n\n}\n\n/* Clicking down on the pagerbar */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|active] {\n\n}\n\n/* The pagerbar is disabled */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|disabled] {\n\n}\n\n/* The pagerbar label */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem > xctrls|label {\n\n    font-family: var(--xctrls-pageritem-font-family);\n    color: var(--xctrls-pageritem-font-color-normal);\n}\n\n/* Hovering over the pagerbar, tab and label must highlight */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem:hover {\n\n    background-color: var(--xctrls-pageritem-background-color-hover);\n}\n\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem:hover > xctrls|label {\n\n    color: var(--xctrls-pageritem-font-color-hover);\n}\n\n/* Selected list item, tab must highlight */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|selected] {\n\n    background-color: var(--xctrls-pageritem-background-color-selected-normal);\n    border-bottom-color: var(--xctrls-pageritem-background-color-selected-normal);\n}\n\n/* Focusing on the pagerbar, tab and label must highlight */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|focus] {\n\n    background-color: var(--xctrls-pageritem-background-color-focus);\n}\n\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|focus] > xctrls|label {\n\n    color: var(--xctrls-pageritem-font-color-focus);\n}\n\n/* Clicking down on the pagerbar, tab and label must highlight */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|active] {\n\n    background-color: var(--xctrls-pageritem-background-color-active);\n}\n\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|active] > xctrls|label {\n\n    color: var(--xctrls-pageritem-font-color-active);\n}\n\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|disabled] {\n\n    background-color: var(--xctrls-pageritem-background-color-disabled);\n}\n\n/* The pageritem is disabled, so is the label */\n*|*[data-theme~="tpi"] xctrls|pagerbar xctrls|pageritem[pclass|disabled] > xctrls|label {\n\n    color: var(--xctrls-pageritem-font-color-disabled);\n}\n'
);