diff --git a/.datatables-commit-sync b/.datatables-commit-sync
index 9a4e6958..90045a97 100644
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-f3fc7b2f7174bf7620f413ff3ddf8ffcead7ff53
+255be943427a9eef51879a387ff49b78a723a671
diff --git a/examples/advanced_init/column_render.html b/examples/advanced_init/column_render.html
index a390bdcd..edcc73cb 100644
--- a/examples/advanced_init/column_render.html
+++ b/examples/advanced_init/column_render.html
@@ -554,7 +554,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
@@ -589,7 +589,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/complex_header.html b/examples/advanced_init/complex_header.html
index 2f1b2825..e621b52d 100644
--- a/examples/advanced_init/complex_header.html
+++ b/examples/advanced_init/complex_header.html
@@ -555,7 +555,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ {
 			&quot;visible&quot;: false,
@@ -582,7 +582,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/defaults.html b/examples/advanced_init/defaults.html
index 7533bda2..d8046a14 100644
--- a/examples/advanced_init/defaults.html
+++ b/examples/advanced_init/defaults.html
@@ -545,7 +545,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.extend( $.fn.dataTable.defaults, {
+					example:</p><code class="multiline language-js">$.extend( $.fn.dataTable.defaults, {
 	&quot;searching&quot;: false,
 	&quot;ordering&quot;: false
 } );
@@ -573,7 +573,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/dom_multiple_elements.html b/examples/advanced_init/dom_multiple_elements.html
index 10231e2d..9cfef03f 100644
--- a/examples/advanced_init/dom_multiple_elements.html
+++ b/examples/advanced_init/dom_multiple_elements.html
@@ -551,7 +551,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;iflp&lt;&quot;clear&quot;&gt;&gt;rt&lt;&quot;bottom&quot;iflp&lt;&quot;clear&quot;&gt;&gt;'
 	} );
@@ -575,7 +575,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.dataTables_length {
+						below:</p><code class="multiline language-css">div.dataTables_length {
 	padding-left: 2em;
 	}
 	div.dataTables_length,
diff --git a/examples/advanced_init/dom_toolbar.html b/examples/advanced_init/dom_toolbar.html
index 73bc3a72..d7f4f333 100644
--- a/examples/advanced_init/dom_toolbar.html
+++ b/examples/advanced_init/dom_toolbar.html
@@ -557,7 +557,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;toolbar&quot;&gt;frtip'
 	} );
@@ -583,7 +583,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">.toolbar {
+						below:</p><code class="multiline language-css">.toolbar {
 	float: left;
 }</code>
 					</div>
diff --git a/examples/advanced_init/dt_events.html b/examples/advanced_init/dt_events.html
index a3ee10b3..5347fcd9 100644
--- a/examples/advanced_init/dt_events.html
+++ b/examples/advanced_init/dt_events.html
@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var eventFired = function ( type ) {
 		var n = $('#demo_info')[0];
 		n.innerHTML += '&lt;div&gt;'+type+' event - '+new Date().getTime()+'&lt;/div&gt;';
@@ -590,7 +590,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/events_live.html b/examples/advanced_init/events_live.html
index f60f10d8..ea61d217 100644
--- a/examples/advanced_init/events_live.html
+++ b/examples/advanced_init/events_live.html
@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 	
 	$('#example tbody').on('click', 'tr', function () {
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/footer_callback.html b/examples/advanced_init/footer_callback.html
index c1dd67a3..316c38c0 100644
--- a/examples/advanced_init/footer_callback.html
+++ b/examples/advanced_init/footer_callback.html
@@ -516,7 +516,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;footerCallback&quot;: function ( row, data, start, end, display ) {
 			var api = this.api(), data;
@@ -571,7 +571,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th { white-space: nowrap; }</code>
+						below:</p><code class="multiline language-css">th { white-space: nowrap; }</code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/html5-data-attributes.html b/examples/advanced_init/html5-data-attributes.html
index 4c37c92f..a655a557 100644
--- a/examples/advanced_init/html5-data-attributes.html
+++ b/examples/advanced_init/html5-data-attributes.html
@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -575,7 +575,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/language_file.html b/examples/advanced_init/language_file.html
index d17bf84e..8ea52d55 100644
--- a/examples/advanced_init/language_file.html
+++ b/examples/advanced_init/language_file.html
@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;url&quot;: &quot;../resources/de_DE.txt&quot;
@@ -567,7 +567,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/length_menu.html b/examples/advanced_init/length_menu.html
index 4a80aef3..a9b76ad8 100644
--- a/examples/advanced_init/length_menu.html
+++ b/examples/advanced_init/length_menu.html
@@ -545,7 +545,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;lengthMenu&quot;: [[10, 25, 50, -1], [10, 25, 50, &quot;All&quot;]]
 	} );
@@ -569,7 +569,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/object_dom_read.html b/examples/advanced_init/object_dom_read.html
index f7880944..c6af897a 100644
--- a/examples/advanced_init/object_dom_read.html
+++ b/examples/advanced_init/object_dom_read.html
@@ -570,7 +570,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable({
 		&quot;columns&quot;: [
 			{ &quot;data&quot;: &quot;name&quot; },
@@ -601,7 +601,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/advanced_init/row_callback.html b/examples/advanced_init/row_callback.html
index c6c264ca..b7293935 100644
--- a/examples/advanced_init/row_callback.html
+++ b/examples/advanced_init/row_callback.html
@@ -551,7 +551,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;createdRow&quot;: function ( row, data, index ) {
 			if ( data[5].replace(/[\$,]/g, '') * 1 &gt; 4000 ) {
@@ -579,7 +579,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.highlight {
+						below:</p><code class="multiline language-css">td.highlight {
 		font-weight: bold;
 		color: blue;
 	}</code>
diff --git a/examples/advanced_init/row_grouping.html b/examples/advanced_init/row_grouping.html
index 6c2cf194..9e8dc95f 100644
--- a/examples/advanced_init/row_grouping.html
+++ b/examples/advanced_init/row_grouping.html
@@ -577,7 +577,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable({
 		&quot;columnDefs&quot;: [
 			{ &quot;visible&quot;: false, &quot;targets&quot;: 2 }
@@ -631,7 +631,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">tr.group,
+						below:</p><code class="multiline language-css">tr.group,
 tr.group:hover {
 	background-color: #ddd !important;
 }</code>
diff --git a/examples/advanced_init/sort_direction_control.html b/examples/advanced_init/sort_direction_control.html
index c9c90681..fd5eb39e 100644
--- a/examples/advanced_init/sort_direction_control.html
+++ b/examples/advanced_init/sort_direction_control.html
@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;aoColumns&quot;: [
 			null,
@@ -590,7 +590,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/custom_data_flat.html b/examples/ajax/custom_data_flat.html
index 152bffd6..9609186c 100644
--- a/examples/ajax/custom_data_flat.html
+++ b/examples/ajax/custom_data_flat.html
@@ -105,7 +105,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/objects_root_array.txt&quot;,
@@ -140,7 +140,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/custom_data_property.html b/examples/ajax/custom_data_property.html
index 5185c419..139399a6 100644
--- a/examples/ajax/custom_data_property.html
+++ b/examples/ajax/custom_data_property.html
@@ -98,7 +98,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/arrays_custom_prop.txt&quot;,
@@ -125,7 +125,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/deep.html b/examples/ajax/deep.html
index aa961ce8..90be4a81 100644
--- a/examples/ajax/deep.html
+++ b/examples/ajax/deep.html
@@ -110,7 +110,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;ajax&quot;: &quot;data/objects_deep.txt&quot;,
@@ -143,7 +143,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/defer_render.html b/examples/ajax/defer_render.html
index 800a2b67..f26225b3 100644
--- a/examples/ajax/defer_render.html
+++ b/examples/ajax/defer_render.html
@@ -86,7 +86,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;,
 		&quot;deferRender&quot;: true
@@ -111,7 +111,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/null_data_source.html b/examples/ajax/null_data_source.html
index 3b19917f..6466bef2 100644
--- a/examples/ajax/null_data_source.html
+++ b/examples/ajax/null_data_source.html
@@ -106,7 +106,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;,
 		&quot;columnDefs&quot;: [ {
@@ -140,7 +140,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/objects.html b/examples/ajax/objects.html
index 8b4fc8c7..eaabbc29 100644
--- a/examples/ajax/objects.html
+++ b/examples/ajax/objects.html
@@ -102,7 +102,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/objects.txt&quot;,
 		&quot;columns&quot;: [
@@ -134,7 +134,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/objects_subarrays.html b/examples/ajax/objects_subarrays.html
index 1d906e04..df7170f0 100644
--- a/examples/ajax/objects_subarrays.html
+++ b/examples/ajax/objects_subarrays.html
@@ -123,7 +123,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/objects_subarrays.txt&quot;,
 		&quot;columns&quot;: [
@@ -155,7 +155,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/orthogonal-data.html b/examples/ajax/orthogonal-data.html
index 315a8247..4adf7d4c 100644
--- a/examples/ajax/orthogonal-data.html
+++ b/examples/ajax/orthogonal-data.html
@@ -108,7 +108,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		ajax: &quot;data/orthogonal.txt&quot;,
 		columns: [
@@ -143,7 +143,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/ajax/simple.html b/examples/ajax/simple.html
index b09e7eaa..be93c32d 100644
--- a/examples/ajax/simple.html
+++ b/examples/ajax/simple.html
@@ -103,7 +103,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;
 	} );
@@ -127,7 +127,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/add_row.html b/examples/api/add_row.html
index 5e188e59..a716e9e2 100644
--- a/examples/api/add_row.html
+++ b/examples/api/add_row.html
@@ -97,7 +97,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var t = $('#example').DataTable();
 	var counter = 1;
 
@@ -135,7 +135,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/api_in_init.html b/examples/api/api_in_init.html
index ed330a4b..29d90b8b 100644
--- a/examples/api/api_in_init.html
+++ b/examples/api/api_in_init.html
@@ -556,7 +556,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;initComplete&quot;: function () {
 			var api = this.api();
@@ -585,7 +585,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/counter_columns.html b/examples/api/counter_columns.html
index 75cee0e1..d54a6586 100644
--- a/examples/api/counter_columns.html
+++ b/examples/api/counter_columns.html
@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var t = $('#example').DataTable( {
 		&quot;columnDefs&quot;: [ {
 			&quot;searchable&quot;: false,
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/form.html b/examples/api/form.html
index c902c49e..2621e299 100644
--- a/examples/api/form.html
+++ b/examples/api/form.html
@@ -1616,7 +1616,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('button').click( function() {
@@ -1647,7 +1647,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/highlight.html b/examples/api/highlight.html
index f0b1882d..d4c3e501 100644
--- a/examples/api/highlight.html
+++ b/examples/api/highlight.html
@@ -562,7 +562,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var lastIdx = null;
 	var table = $('#example').DataTable();
 	
@@ -598,7 +598,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.highlight {
+						below:</p><code class="multiline language-css">td.highlight {
 	background-color: whitesmoke !important;
 }</code>
 					</div>
diff --git a/examples/api/multi_filter.html b/examples/api/multi_filter.html
index 7176fcf8..cc0dfbd6 100644
--- a/examples/api/multi_filter.html
+++ b/examples/api/multi_filter.html
@@ -574,7 +574,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	// Setup - add a text input to each footer cell
 	$('#example tfoot th').each( function () {
 		var title = $('#example thead th').eq( $(this).index() ).text();
@@ -613,7 +613,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">tfoot input {
+						below:</p><code class="multiline language-css">tfoot input {
 		width: 100%;
 		padding: 3px;
 		box-sizing: border-box;
diff --git a/examples/api/multi_filter_select.html b/examples/api/multi_filter_select.html
index 1c5bce55..bed4a25c 100644
--- a/examples/api/multi_filter_select.html
+++ b/examples/api/multi_filter_select.html
@@ -589,7 +589,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable( {
 		initComplete: function () {
 			var api = this.api();
@@ -634,7 +634,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/regex.html b/examples/api/regex.html
index b74d3f7d..454195f0 100644
--- a/examples/api/regex.html
+++ b/examples/api/regex.html
@@ -633,7 +633,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">function filterGlobal () {
+					example:</p><code class="multiline language-js">function filterGlobal () {
 	$('#example').DataTable().search( 
 		$('#global_filter').val(),
 		$('#global_regex').prop('checked'), 
@@ -679,7 +679,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/row_details.html b/examples/api/row_details.html
index 84fe60dd..83d2fcbb 100644
--- a/examples/api/row_details.html
+++ b/examples/api/row_details.html
@@ -141,7 +141,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Formatting function for row details - modify as you need */
+					example:</p><code class="multiline language-js">/* Formatting function for row details - modify as you need */
 function format ( d ) {
 	// `d` is the original data object for the row
 	return '&lt;table cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; style=&quot;padding-left:50px;&quot;&gt;'+
@@ -214,7 +214,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.details-control {
+						below:</p><code class="multiline language-css">td.details-control {
 	background: url('../resources/details_open.png') no-repeat center center;
 	cursor: pointer;
 }
diff --git a/examples/api/select_row.html b/examples/api/select_row.html
index e5d82705..d033d5ad 100644
--- a/examples/api/select_row.html
+++ b/examples/api/select_row.html
@@ -547,7 +547,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('#example tbody').on( 'click', 'tr', function () {
@@ -577,7 +577,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/select_single_row.html b/examples/api/select_single_row.html
index 7575bb56..7976cfcc 100644
--- a/examples/api/select_single_row.html
+++ b/examples/api/select_single_row.html
@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable();
 
 	$('#example tbody').on( 'click', 'tr', function () {
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/show_hide.html b/examples/api/show_hide.html
index 2b10a193..6e32fb59 100644
--- a/examples/api/show_hide.html
+++ b/examples/api/show_hide.html
@@ -564,7 +564,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var table = $('#example').DataTable( {
 		&quot;scrollY&quot;: &quot;200px&quot;,
 		&quot;paging&quot;: false
@@ -599,7 +599,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/api/tabs_and_scrolling.html b/examples/api/tabs_and_scrolling.html
index 955991a5..59668119 100644
--- a/examples/api/tabs_and_scrolling.html
+++ b/examples/api/tabs_and_scrolling.html
@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$(&quot;#tabs&quot;).tabs( {
 		&quot;activate&quot;: function(event, ui) {
 			$( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
@@ -593,7 +593,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/alt_pagination.html b/examples/basic_init/alt_pagination.html
index a273c7e8..a7360725 100644
--- a/examples/basic_init/alt_pagination.html
+++ b/examples/basic_init/alt_pagination.html
@@ -559,7 +559,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;pagingType&quot;: &quot;full_numbers&quot;
 	} );
@@ -583,7 +583,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/comma-decimal.html b/examples/basic_init/comma-decimal.html
index 8c273ccc..19e51cc0 100644
--- a/examples/basic_init/comma-decimal.html
+++ b/examples/basic_init/comma-decimal.html
@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;decimal&quot;: &quot;,&quot;,
@@ -580,7 +580,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/complex_header.html b/examples/basic_init/complex_header.html
index 5466d83e..6d9ef1e4 100644
--- a/examples/basic_init/complex_header.html
+++ b/examples/basic_init/complex_header.html
@@ -543,7 +543,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -565,7 +565,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/dom.html b/examples/basic_init/dom.html
index 7868c333..d413538a 100644
--- a/examples/basic_init/dom.html
+++ b/examples/basic_init/dom.html
@@ -606,7 +606,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;i&gt;rt&lt;&quot;bottom&quot;flp&gt;&lt;&quot;clear&quot;&gt;'
 	} );
@@ -630,7 +630,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/filter_only.html b/examples/basic_init/filter_only.html
index 747b2f80..5da3cfa1 100644
--- a/examples/basic_init/filter_only.html
+++ b/examples/basic_init/filter_only.html
@@ -534,7 +534,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;paging&quot;:   false,
 		&quot;ordering&quot;: false,
@@ -560,7 +560,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/flexible_width.html b/examples/basic_init/flexible_width.html
index 8082a724..73550dd9 100644
--- a/examples/basic_init/flexible_width.html
+++ b/examples/basic_init/flexible_width.html
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -561,7 +561,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.container {
+						below:</p><code class="multiline language-css">div.container {
 		width: 80%;
 	}</code>
 					</div>
diff --git a/examples/basic_init/hidden_columns.html b/examples/basic_init/hidden_columns.html
index a5734c54..808e6a40 100644
--- a/examples/basic_init/hidden_columns.html
+++ b/examples/basic_init/hidden_columns.html
@@ -555,7 +555,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
@@ -589,7 +589,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/language.html b/examples/basic_init/language.html
index 0dc2dfdb..644d534a 100644
--- a/examples/basic_init/language.html
+++ b/examples/basic_init/language.html
@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;language&quot;: {
 			&quot;lengthMenu&quot;: &quot;Display _MENU_ records per page&quot;,
@@ -571,7 +571,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/multi_col_sort.html b/examples/basic_init/multi_col_sort.html
index 8652fda3..a5f69c2a 100644
--- a/examples/basic_init/multi_col_sort.html
+++ b/examples/basic_init/multi_col_sort.html
@@ -495,7 +495,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		columnDefs: [ {
 			targets: [ 0 ],
@@ -528,7 +528,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/multiple_tables.html b/examples/basic_init/multiple_tables.html
index f3172486..1e809db2 100644
--- a/examples/basic_init/multiple_tables.html
+++ b/examples/basic_init/multiple_tables.html
@@ -257,7 +257,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('table.display').dataTable();
 } );</code>
 
@@ -279,7 +279,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">div.dataTables_wrapper {
+						below:</p><code class="multiline language-css">div.dataTables_wrapper {
 		margin-bottom: 3em;
 	}</code>
 					</div>
diff --git a/examples/basic_init/scroll_x.html b/examples/basic_init/scroll_x.html
index 8d9f3a3c..96b1705d 100644
--- a/examples/basic_init/scroll_x.html
+++ b/examples/basic_init/scroll_x.html
@@ -709,7 +709,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollX&quot;: true
 	} );
@@ -733,7 +733,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th, td { white-space: nowrap; }
+						below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
 	div.dataTables_wrapper {
 		width: 800px;
 		margin: 0 auto;
diff --git a/examples/basic_init/scroll_xy.html b/examples/basic_init/scroll_xy.html
index 48ad03e6..316d5035 100644
--- a/examples/basic_init/scroll_xy.html
+++ b/examples/basic_init/scroll_xy.html
@@ -701,7 +701,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;: 200,
 		&quot;scrollX&quot;: true
@@ -726,7 +726,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">th, td { white-space: nowrap; }
+						below:</p><code class="multiline language-css">th, td { white-space: nowrap; }
 	div.dataTables_wrapper {
 		width: 800px;
 		margin: 0 auto;
diff --git a/examples/basic_init/scroll_y.html b/examples/basic_init/scroll_y.html
index cd70f846..ec74584e 100644
--- a/examples/basic_init/scroll_y.html
+++ b/examples/basic_init/scroll_y.html
@@ -548,7 +548,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;:        &quot;200px&quot;,
 		&quot;scrollCollapse&quot;: true,
@@ -574,7 +574,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/scroll_y_theme.html b/examples/basic_init/scroll_y_theme.html
index 84ccfef7..457dbcfd 100644
--- a/examples/basic_init/scroll_y_theme.html
+++ b/examples/basic_init/scroll_y_theme.html
@@ -535,7 +535,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;scrollY&quot;:        200,
 		&quot;scrollCollapse&quot;: true,
@@ -561,7 +561,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/state_save.html b/examples/basic_init/state_save.html
index badfd57b..06b2893c 100644
--- a/examples/basic_init/state_save.html
+++ b/examples/basic_init/state_save.html
@@ -553,7 +553,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		stateSave: true
 	} );
@@ -577,7 +577,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/table_sorting.html b/examples/basic_init/table_sorting.html
index 1d0f8fa6..fd6a2acd 100644
--- a/examples/basic_init/table_sorting.html
+++ b/examples/basic_init/table_sorting.html
@@ -544,7 +544,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;order&quot;: [[ 3, &quot;desc&quot; ]]
 	} );
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/basic_init/zero_configuration.html b/examples/basic_init/zero_configuration.html
index 4367072f..5a82d79f 100644
--- a/examples/basic_init/zero_configuration.html
+++ b/examples/basic_init/zero_configuration.html
@@ -534,7 +534,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').DataTable();
 } );</code>
 
@@ -556,7 +556,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/data_sources/ajax.html b/examples/data_sources/ajax.html
index cd9c38ca..878fa8cd 100644
--- a/examples/data_sources/ajax.html
+++ b/examples/data_sources/ajax.html
@@ -89,7 +89,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;ajax&quot;: '../ajax/data/arrays.txt'
 	} );
@@ -113,7 +113,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/data_sources/dom.html b/examples/data_sources/dom.html
index 01ecba4d..49e67583 100644
--- a/examples/data_sources/dom.html
+++ b/examples/data_sources/dom.html
@@ -536,7 +536,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -558,7 +558,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/data_sources/js_array.html b/examples/data_sources/js_array.html
index 2a950b75..4d3a18f8 100644
--- a/examples/data_sources/js_array.html
+++ b/examples/data_sources/js_array.html
@@ -130,7 +130,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">var dataSet = [
+					example:</p><code class="multiline language-js">var dataSet = [
 	['Trident','Internet Explorer 4.0','Win 95+','4','X'],
 	['Trident','Internet Explorer 5.0','Win 95+','5','C'],
 	['Trident','Internet Explorer 5.5','Win 95+','5.5','A'],
@@ -223,7 +223,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/data_sources/server_side.html b/examples/data_sources/server_side.html
index 62e06183..6ded09d4 100644
--- a/examples/data_sources/server_side.html
+++ b/examples/data_sources/server_side.html
@@ -88,7 +88,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -114,7 +114,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/plug-ins/api.html b/examples/plug-ins/api.html
index 55ee0567..fdfaabb3 100644
--- a/examples/plug-ins/api.html
+++ b/examples/plug-ins/api.html
@@ -566,7 +566,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.Api.register( 'column().data().sum()', function () {
+					example:</p><code class="multiline language-js">$.fn.dataTable.Api.register( 'column().data().sum()', function () {
 	return this.reduce( function (a, b) {
 		var x = parseFloat( a ) || 0;
 		var y = parseFloat( b ) || 0;
@@ -609,7 +609,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/plug-ins/dom_sort.html b/examples/plug-ins/dom_sort.html
index 6f936fbf..dce9234f 100644
--- a/examples/plug-ins/dom_sort.html
+++ b/examples/plug-ins/dom_sort.html
@@ -1650,7 +1650,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Create an array with the values of all the input boxes in a column */
+					example:</p><code class="multiline language-js">/* Create an array with the values of all the input boxes in a column */
 $.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
 {
 	return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
@@ -1712,7 +1712,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/plug-ins/range_filtering.html b/examples/plug-ins/range_filtering.html
index 8fcd79f5..95b9101d 100644
--- a/examples/plug-ins/range_filtering.html
+++ b/examples/plug-ins/range_filtering.html
@@ -571,7 +571,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">/* Custom filtering function which will search data in column four between two values */
+					example:</p><code class="multiline language-js">/* Custom filtering function which will search data in column four between two values */
 $.fn.dataTable.ext.search.push(
 	function( settings, data, dataIndex ) {
 		var min = parseInt( $('#min').val(), 10 );
@@ -616,7 +616,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/plug-ins/sorting_auto.html b/examples/plug-ins/sorting_auto.html
index 2eeee533..63797fae 100644
--- a/examples/plug-ins/sorting_auto.html
+++ b/examples/plug-ins/sorting_auto.html
@@ -561,7 +561,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.ext.type.detect.unshift(
+					example:</p><code class="multiline language-js">$.fn.dataTable.ext.type.detect.unshift(
 	function ( d ) {
 		return d === 'Low' || d === 'Medium' || d === 'High' ?
 			'salary-grade' :
@@ -601,7 +601,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/plug-ins/sorting_manual.html b/examples/plug-ins/sorting_manual.html
index 6141b602..60f7e47c 100644
--- a/examples/plug-ins/sorting_manual.html
+++ b/examples/plug-ins/sorting_manual.html
@@ -558,7 +558,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
+					example:</p><code class="multiline language-js">$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
 	switch ( d ) {
 		case 'Low':    return 1;
 		case 'Medium': return 2;
@@ -594,7 +594,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/resources/demo.js b/examples/resources/demo.js
index 4339032e..1368d999 100644
--- a/examples/resources/demo.js
+++ b/examples/resources/demo.js
@@ -28,7 +28,7 @@ $(document).ready( function () {
 	// init html
 	var table = $('<p/>').append( $('table').clone() ).html();
 	$('div.tabs div.table').append(
-		'<code class="multiline brush: html;">\t\t\t'+
+		'<code class="multiline language-html">\t\t\t'+
 			escapeHtml( table )+
 		'</code>'
 	);
@@ -52,7 +52,7 @@ $(document).ready( function () {
 				} catch ( e ) {}
 
 				$('div.tabs div.ajax').append(
-					'<code class="multiline brush: js;">'+str+'</code>'
+					'<code class="multiline language-js">'+str+'</code>'
 				);
 				SyntaxHighlighter.highlight( {}, $('div.tabs div.ajax code')[0] );
 			};
@@ -87,7 +87,7 @@ $(document).ready( function () {
 					success: function ( txt ) {
 						phpTab.css( 'display', 'block' );
 						$('div.tabs div.php').append(
-							'<code class="multiline brush: php;">'+txt+'</code>'
+							'<code class="multiline language-php">'+txt+'</code>'
 						);
 						SyntaxHighlighter.highlight( {}, $('div.tabs div.php code')[0] );
 					}
diff --git a/examples/resources/syntax/shCore.js b/examples/resources/syntax/shCore.js
index 62526dc0..34450094 100644
--- a/examples/resources/syntax/shCore.js
+++ b/examples/resources/syntax/shCore.js
@@ -97,7 +97,7 @@ var sh = {
             brushNotHtmlScript : 'Brush wasn\'t configured for html-script option: ',
 
             // this is populated by the build script
-            aboutDialog : '<%- about %>'
+            aboutDialog : ''
         }
     },
 
@@ -193,7 +193,7 @@ var sh = {
                 ;
 
             // execute the toolbar command
-            if (highlighter && commandName)
+            if (highlighter && commandName && sh.toolbar.items[commandName].execute)
                 sh.toolbar.items[commandName].execute(highlighter);
 
             // disable default A click behaviour
@@ -203,7 +203,7 @@ var sh = {
         /** Collection of toolbar items. */
         items : {
             // Ordered lis of items in the toolbar. Can't expect `for (var n in items)` to be consistent.
-            list: ['expandSource', 'help'],
+            list: ['expandSource', 'language'],
 
             expandSource: {
                 getHtml: function(highlighter)
@@ -234,6 +234,14 @@ var sh = {
                     doc.close();
                     wnd.focus();
                 }
+            },
+
+            language: {
+                getHtml: function (highlighter) {
+                    return highlighter.langLabel ?
+                        sh.toolbar.getButtonHtml(highlighter, 'lang', highlighter.langLabel) :
+                        '';
+                }
             }
         }
     },
@@ -1763,6 +1771,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
     
         this.forHtmlScript(r.scriptScriptTags);
+        this.langLabel = "Javascript";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1822,6 +1831,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             { regex: SyntaxHighlighter.regexLib.xmlComments,                                                css: 'comments' },  // <!-- ... -->
             { regex: XRegExp('(&lt;|<)[\\s\\/\\?!]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)', 'sg'), func: process }
         ];
+        this.langLabel = "HTML";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1901,6 +1911,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             left: /(&lt;|<)\s*style.*?(&gt;|>)/gi, 
             right: /(&lt;|<)\/\s*style\s*(&gt;|>)/gi 
             });
+        this.langLabel = "CSS";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -1977,6 +1988,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
 
         this.forHtmlScript(SyntaxHighlighter.regexLib.phpScriptTags);
+        this.langLabel = "PHP";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2029,6 +2041,8 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             { regex: new RegExp(this.getKeywords(operators), 'gmi'),            css: 'color1' },     // operators and such
             { regex: new RegExp(this.getKeywords(keywords), 'gmi'),             css: 'keyword' }     // keyword
             ];
+
+        this.langLabel = "SQL";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2049,6 +2063,7 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
 
     function Brush()
     {
+        this.langLabel = "Plain text";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
@@ -2099,10 +2114,11 @@ typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter :
             ];
         
         this.forHtmlScript(SyntaxHighlighter.regexLib.aspScriptTags);
+        this.langLabel = "C#";
     };
 
     Brush.prototype = new SyntaxHighlighter.Highlighter();
-    Brush.aliases   = ['c#', 'c-sharp', 'csharp'];
+    Brush.aliases   = ['c#', 'cs', 'c-sharp', 'csharp'];
 
     SyntaxHighlighter.brushes.CSharp = Brush;
 
diff --git a/examples/server_side/custom_vars.html b/examples/server_side/custom_vars.html
index bcc4072a..89999fbe 100644
--- a/examples/server_side/custom_vars.html
+++ b/examples/server_side/custom_vars.html
@@ -95,7 +95,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -128,7 +128,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/defer_loading.html b/examples/server_side/defer_loading.html
index 0909dc1e..97e3bccb 100644
--- a/examples/server_side/defer_loading.html
+++ b/examples/server_side/defer_loading.html
@@ -172,7 +172,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -199,7 +199,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/ids.html b/examples/server_side/ids.html
index 14e9884e..97d32dc6 100644
--- a/examples/server_side/ids.html
+++ b/examples/server_side/ids.html
@@ -98,7 +98,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -132,7 +132,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/jsonp.html b/examples/server_side/jsonp.html
index cb31b505..c4fadea6 100644
--- a/examples/server_side/jsonp.html
+++ b/examples/server_side/jsonp.html
@@ -93,7 +93,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -122,7 +122,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/object_data.html b/examples/server_side/object_data.html
index b7cd93ee..e6df905b 100644
--- a/examples/server_side/object_data.html
+++ b/examples/server_side/object_data.html
@@ -91,7 +91,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -125,7 +125,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/pipeline.html b/examples/server_side/pipeline.html
index 0707a0b5..c0180b0a 100644
--- a/examples/server_side/pipeline.html
+++ b/examples/server_side/pipeline.html
@@ -211,7 +211,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">//
+					example:</p><code class="multiline language-js">//
 // Pipelining function for DataTables. To be used to the `ajax` option of DataTables
 //
 $.fn.dataTable.pipeline = function ( opts ) {
@@ -358,7 +358,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/post.html b/examples/server_side/post.html
index fe182009..73d8fb3e 100644
--- a/examples/server_side/post.html
+++ b/examples/server_side/post.html
@@ -100,7 +100,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -137,7 +137,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/row_details.html b/examples/server_side/row_details.html
index d40c284f..116cd7f0 100644
--- a/examples/server_side/row_details.html
+++ b/examples/server_side/row_details.html
@@ -158,7 +158,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">function format ( d ) {
+					example:</p><code class="multiline language-js">function format ( d ) {
 	return 'Full name: '+d.first_name+' '+d.last_name+'&lt;br&gt;'+
 	    'Salary: '+d.salary+'&lt;br&gt;'+
 		'The child row can contain any data you wish, including links, images, inner tables etc.';
@@ -236,7 +236,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">td.details-control {
+						below:</p><code class="multiline language-css">td.details-control {
 	background: url('../resources/details_open.png') no-repeat center center;
 	cursor: pointer;
 }
diff --git a/examples/server_side/select_rows.html b/examples/server_side/select_rows.html
index 9af94002..9eb0ce0e 100644
--- a/examples/server_side/select_rows.html
+++ b/examples/server_side/select_rows.html
@@ -103,7 +103,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	var selected = [];
 
 	$(&quot;#example&quot;).dataTable({
@@ -149,7 +149,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/server_side/simple.html b/examples/server_side/simple.html
index c5c37400..1273dc9b 100644
--- a/examples/server_side/simple.html
+++ b/examples/server_side/simple.html
@@ -87,7 +87,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
@@ -113,7 +113,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/bootstrap.html b/examples/styling/bootstrap.html
index 3c1f49f2..12759fbf 100644
--- a/examples/styling/bootstrap.html
+++ b/examples/styling/bootstrap.html
@@ -542,7 +542,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -566,7 +566,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;">body { font-size: 140%; }</code>
+						below:</p><code class="multiline language-css">body { font-size: 140%; }</code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/cell-border.html b/examples/styling/cell-border.html
index 78f22be3..9a214b1f 100644
--- a/examples/styling/cell-border.html
+++ b/examples/styling/cell-border.html
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/compact.html b/examples/styling/compact.html
index 5d322518..6a408a92 100644
--- a/examples/styling/compact.html
+++ b/examples/styling/compact.html
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/display.html b/examples/styling/display.html
index 74b2f47f..9aac56e2 100644
--- a/examples/styling/display.html
+++ b/examples/styling/display.html
@@ -546,7 +546,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -568,7 +568,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/foundation.html b/examples/styling/foundation.html
index 3f321c7d..a4c431c2 100644
--- a/examples/styling/foundation.html
+++ b/examples/styling/foundation.html
@@ -541,7 +541,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -565,7 +565,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/hover.html b/examples/styling/hover.html
index da5ae125..6c9bcdf3 100644
--- a/examples/styling/hover.html
+++ b/examples/styling/hover.html
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/jqueryUI.html b/examples/styling/jqueryUI.html
index ee746e7c..ee3788d4 100644
--- a/examples/styling/jqueryUI.html
+++ b/examples/styling/jqueryUI.html
@@ -546,7 +546,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -570,7 +570,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/no-classes.html b/examples/styling/no-classes.html
index b6b78667..a239a94f 100644
--- a/examples/styling/no-classes.html
+++ b/examples/styling/no-classes.html
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/order-column.html b/examples/styling/order-column.html
index 4bc71f82..43b6a6e1 100644
--- a/examples/styling/order-column.html
+++ b/examples/styling/order-column.html
@@ -530,7 +530,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -552,7 +552,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/row-border.html b/examples/styling/row-border.html
index f08c6a12..e9ef613e 100644
--- a/examples/styling/row-border.html
+++ b/examples/styling/row-border.html
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the
diff --git a/examples/styling/stripe.html b/examples/styling/stripe.html
index c9596237..b8a46fea 100644
--- a/examples/styling/stripe.html
+++ b/examples/styling/stripe.html
@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this
-					example:</p><code class="multiline brush: js;">$(document).ready(function() {
+					example:</p><code class="multiline language-js">$(document).ready(function() {
 	$('#example').dataTable();
 } );</code>
 
@@ -550,7 +550,7 @@ $(document).ready(function() {
 					<div>
 						<p>This example uses a little bit of additional CSS beyond what is loaded from the library
 						files (below), in order to correctly display the table. The additional CSS used is shown
-						below:</p><code class="multiline brush: js;"></code>
+						below:</p><code class="multiline language-css"></code>
 					</div>
 
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the