Add empty relevant css classes to css file

Templates/html_controls.html.ep.xml

@@ -42,7 +42,7 @@
 			%=l('${prefix}_${Label}')
 		</span><span class=data>
 			% param '${Name}' => $$${prefix}_data->{${Name}} unless param '${Name}';
-			%= text_field '${Name}', size => '${size | 50}', class => 'input' , pattern=>'${regexp | ".*"}' , placeholder=>'${placeholder | Name}'
+			%= text_field '${Name}', size => '${size | 50}', class => 'textinput ${Name}' , pattern=>'${regexp | ".*"}' , placeholder=>'${placeholder | Name}'
 		<br></span></p>
 	]]></Text>
 
@@ -55,7 +55,7 @@
 	</Header>
 	
 	<Paragraph><![CDATA[
-		<p>
+		<p class='paragraph para${type_serial}'>
 			%=l('${Value}')
 		</p>
 	]]></Paragraph>
@@ -194,13 +194,13 @@
 	</checkbox>
 
 	<Table><![CDATA[
-		<br /><table class="sme-border TableSort sme-table">
-			<thead>
+		<br /><table class="sme-border TableSort sme-table ${classname} ">
+			<thead class='${classname}'>
 				<tr table-head-row><tal:block tal:repeat="ColHead TopHeadings">
 					<th class='sme-border table-head-col table-head-col-${ColHead} '><%=l('${ColHead}')%></th></tal:block>
 				</tr>
 			</thead>
-			<tbody>
+			<tbody class='${classname}'>
 				% my $control_data = $self->stash('${TableControl}');
 				% foreach my $row (@$control_data) {
 				<tr class='table-row'><tal:block tal:repeat="ColContent Columns">
@@ -213,7 +213,7 @@
 	</Table>
 	
 	<Preformatted><![CDATA[
-<pre>
+<pre class='preformatted pref${type_serial}'>
 	${Value}'
 </pre>
 	]]>