Tabbox mold accordion: problems in changing style

<hbox>
        <style>
		.z-tab-accordion-text{ 
			color:red; font-size:16pt; 
		}
	</style>

	<tabbox width="250px">
		<tabs>
			<tab label="Tab 1" closable="true"/>
			<tab label="Tab 2" closable="true"/>
			<tab label="Tab 3" closable="true"/>
			<tab label="Tab 4" closable="true"/>
			<tab label="Tab 5" closable="true"/>
		</tabs>
		<tabpanels>
			<tabpanel>This is panel 1</tabpanel>
			<tabpanel>This is panel 2
		The second panel</tabpanel>
			<tabpanel>This is panel 3</tabpanel>
			<tabpanel>This is panel 4</tabpanel>
			<tabpanel>This is panel 5</tabpanel>
		</tabpanels>
	</tabbox>
	<vbox>
		<tabbox id="tb" width="400px" mold="accordion">
			<tabs>
				<tab label="Tab 1"/>
				<tab label="Tab 2"/>
			</tabs>
			<tabpanels>
				<tabpanel>
					<tabbox id="tb2" orient="vertical">
						<tabs width="20px">
							<tab label="A"/>
							<tab label="B"/>
							<tab label="C"/>
							<tab label="D"/>
							<tab label="E"/>
						</tabs>
						<tabpanels>
							<tabpanel>This is panel A</tabpanel>
							<tabpanel>This is panel B</tabpanel>
							<tabpanel>This is panel C</tabpanel>
							<tabpanel>This is panel D</tabpanel>
							<tabpanel>This is panel E</tabpanel>
						</tabpanels>
					</tabbox>
					<checkbox label="Horizonal orient" onCheck='tb2.orient=self.checked?"horizontal":"vertical"'/>
				</tabpanel>
				<tabpanel>
					This is panel 2
					The second panel
				</tabpanel>
			</tabpanels>
		</tabbox>
		<checkbox label="Use light mold" onCheck='tb.mold=self.checked?"accordion-lite":"accordion"'/>
	</vbox>
</hbox>