From 57970f14128b1037c85174143b032d67ab70821e Mon Sep 17 00:00:00 2001
From: Allan Jardine <allan.jardine@sprymedia.co.uk>
Date: Thu, 19 Dec 2013 14:02:46 +0000
Subject: [PATCH] Site: Updating examples to be more like the new sites styling

---
 .datatables-commit-sync                       |  2 +-
 examples/advanced_init/column_render.html     | 14 +++++++------
 examples/advanced_init/complex_header.html    | 14 +++++++------
 examples/advanced_init/defaults.html          | 14 +++++++------
 .../advanced_init/dom_multiple_elements.html  | 14 +++++++------
 examples/advanced_init/dom_toolbar.html       | 14 +++++++------
 examples/advanced_init/dt_events.html         | 14 +++++++------
 examples/advanced_init/events_live.html       | 14 +++++++------
 examples/advanced_init/footer_callback.html   | 14 +++++++------
 .../advanced_init/html5-data-attributes.html  | 14 +++++++------
 examples/advanced_init/language_file.html     | 14 +++++++------
 examples/advanced_init/length_menu.html       | 14 +++++++------
 examples/advanced_init/row_callback.html      | 14 +++++++------
 examples/advanced_init/row_grouping.html      | 14 +++++++------
 .../advanced_init/sort_direction_control.html | 14 +++++++------
 examples/ajax/custom_data_flat.html           | 14 +++++++------
 examples/ajax/custom_data_property.html       | 14 +++++++------
 examples/ajax/deep.html                       | 14 +++++++------
 examples/ajax/defer_render.html               | 14 +++++++------
 examples/ajax/null_data_source.html           | 14 +++++++------
 examples/ajax/objects.html                    | 14 +++++++------
 examples/ajax/objects_subarrays.html          | 14 +++++++------
 examples/ajax/simple.html                     | 14 +++++++------
 examples/api/add_row.html                     | 14 +++++++------
 examples/api/api_in_init.html                 | 14 +++++++------
 examples/api/counter_columns.html             | 14 +++++++------
 examples/api/form.html                        | 14 +++++++------
 examples/api/highlight.html                   | 14 +++++++------
 examples/api/multi_filter.html                | 14 +++++++------
 examples/api/multi_filter_select.html         | 14 +++++++------
 examples/api/regex.html                       | 14 +++++++------
 examples/api/row_details.html                 | 14 +++++++------
 examples/api/select_row.html                  | 14 +++++++------
 examples/api/select_single_row.html           | 14 +++++++------
 examples/api/show_hide.html                   | 14 +++++++------
 examples/api/tabs_and_scrolling.html          | 14 +++++++------
 examples/basic_init/alt_pagination.html       | 14 +++++++------
 examples/basic_init/complex_header.html       | 14 +++++++------
 examples/basic_init/dom.html                  | 14 +++++++------
 examples/basic_init/filter_only.html          | 14 +++++++------
 examples/basic_init/flexible_width.html       | 14 +++++++------
 examples/basic_init/hidden_columns.html       | 14 +++++++------
 examples/basic_init/language.html             | 14 +++++++------
 examples/basic_init/multi_col_sort.html       | 14 +++++++------
 examples/basic_init/multiple_tables.html      | 14 +++++++------
 examples/basic_init/scroll_x.html             | 14 +++++++------
 examples/basic_init/scroll_xy.html            | 14 +++++++------
 examples/basic_init/scroll_y.html             | 14 +++++++------
 examples/basic_init/scroll_y_theme.html       | 14 +++++++------
 examples/basic_init/state_save.html           | 14 +++++++------
 examples/basic_init/table_sorting.html        | 14 +++++++------
 examples/basic_init/zero_configuration.html   | 14 +++++++------
 examples/data_sources/ajax.html               | 14 +++++++------
 examples/data_sources/dom.html                | 14 +++++++------
 examples/data_sources/js_array.html           | 14 +++++++------
 examples/data_sources/server_side.html        | 14 +++++++------
 examples/plug-ins/api.html                    | 14 +++++++------
 examples/plug-ins/dom_sort.html               | 14 +++++++------
 examples/plug-ins/range_filtering.html        | 14 +++++++------
 examples/plug-ins/sorting_auto.html           | 14 +++++++------
 examples/plug-ins/sorting_manual.html         | 14 +++++++------
 examples/resources/demo.css                   | 15 ++++++++++----
 examples/server_side/custom_vars.html         | 14 +++++++------
 examples/server_side/defer_loading.html       | 14 +++++++------
 examples/server_side/ids.html                 | 14 +++++++------
 examples/server_side/jsonp.html               | 14 +++++++------
 examples/server_side/object_data.html         | 14 +++++++------
 examples/server_side/pipeline.html            | 14 +++++++------
 examples/server_side/post.html                | 14 +++++++------
 examples/server_side/row_details.html         | 14 +++++++------
 examples/server_side/select_rows.html         | 14 +++++++------
 examples/server_side/simple.html              | 14 +++++++------
 examples/styling/bootstrap.html               | 20 +++++++++++--------
 examples/styling/cell-border.html             | 14 +++++++------
 examples/styling/display.html                 | 14 +++++++------
 examples/styling/foundation.html              | 20 +++++++++++--------
 examples/styling/hover.html                   | 14 +++++++------
 examples/styling/jqueryUI.html                | 14 +++++++------
 examples/styling/no-classes.html              | 14 +++++++------
 examples/styling/order-column.html            | 14 +++++++------
 examples/styling/row-border.html              | 14 +++++++------
 examples/styling/stripe.html                  | 14 +++++++------
 82 files changed, 660 insertions(+), 489 deletions(-)

diff --git a/.datatables-commit-sync b/.datatables-commit-sync
index c87b1058..e54154cf 100644
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-5bcf2b4b7c715963c5fa9d94c364c786e26e1658
+bf339192b897691fbc62de987c8874639e9bffca
diff --git a/examples/advanced_init/column_render.html b/examples/advanced_init/column_render.html
index 62187af4..9faf619e 100644
--- a/examples/advanced_init/column_render.html
+++ b/examples/advanced_init/column_render.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Column rendering</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,8 +574,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -599,7 +601,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/complex_header.html b/examples/advanced_init/complex_header.html
index d0128dfd..24f86b96 100644
--- a/examples/advanced_init/complex_header.html
+++ b/examples/advanced_init/complex_header.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Complex headers (rowspan / colspan)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -568,8 +568,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -593,7 +595,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/defaults.html b/examples/advanced_init/defaults.html
index a2904668..08974b39 100644
--- a/examples/advanced_init/defaults.html
+++ b/examples/advanced_init/defaults.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Setting defaults</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -559,8 +559,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -584,7 +586,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/dom_multiple_elements.html b/examples/advanced_init/dom_multiple_elements.html
index a544e76a..1d652098 100644
--- a/examples/advanced_init/dom_multiple_elements.html
+++ b/examples/advanced_init/dom_multiple_elements.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Multiple table control elements</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -19,8 +19,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -559,8 +559,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -590,7 +592,7 @@ div.dataTables_length {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/dom_toolbar.html b/examples/advanced_init/dom_toolbar.html
index 806b60bb..0700a21b 100644
--- a/examples/advanced_init/dom_toolbar.html
+++ b/examples/advanced_init/dom_toolbar.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Custom toolbar elements</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -17,8 +17,8 @@
 
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -568,8 +568,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -595,7 +597,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/dt_events.html b/examples/advanced_init/dt_events.html
index f77d2941..3886241e 100644
--- a/examples/advanced_init/dt_events.html
+++ b/examples/advanced_init/dt_events.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - DataTables events</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,8 +574,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -599,7 +601,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/events_live.html b/examples/advanced_init/events_live.html
index 3a5850eb..6b06391a 100644
--- a/examples/advanced_init/events_live.html
+++ b/examples/advanced_init/events_live.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - DOM / jQuery events</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,8 +554,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -579,7 +581,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/footer_callback.html b/examples/advanced_init/footer_callback.html
index 2cfd9d55..f822063c 100644
--- a/examples/advanced_init/footer_callback.html
+++ b/examples/advanced_init/footer_callback.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Footer callback</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -13,8 +13,8 @@
 	th { white-space: nowrap; }
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,8 +554,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -579,7 +581,7 @@ th { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/html5-data-attributes.html b/examples/advanced_init/html5-data-attributes.html
index 555b7513..33788450 100644
--- a/examples/advanced_init/html5-data-attributes.html
+++ b/examples/advanced_init/html5-data-attributes.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - HTML5 data-* attributes</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -561,8 +561,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -586,7 +588,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/language_file.html b/examples/advanced_init/language_file.html
index 366f3ab7..031ab95a 100644
--- a/examples/advanced_init/language_file.html
+++ b/examples/advanced_init/language_file.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Language file</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -552,8 +552,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -577,7 +579,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/length_menu.html b/examples/advanced_init/length_menu.html
index d9fda898..cad2a793 100644
--- a/examples/advanced_init/length_menu.html
+++ b/examples/advanced_init/length_menu.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Page length options</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,8 +554,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -579,7 +581,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/row_callback.html b/examples/advanced_init/row_callback.html
index 2dbf39f3..5765a1a9 100644
--- a/examples/advanced_init/row_callback.html
+++ b/examples/advanced_init/row_callback.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row created callback</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -16,8 +16,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -565,8 +565,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -593,7 +595,7 @@ td.highlight {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/row_grouping.html b/examples/advanced_init/row_grouping.html
index d4e77377..f39e5cbb 100644
--- a/examples/advanced_init/row_grouping.html
+++ b/examples/advanced_init/row_grouping.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row grouping</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -16,8 +16,8 @@ tr.group:hover {
 }
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -617,8 +617,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -645,7 +647,7 @@ tr.group:hover {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/sort_direction_control.html b/examples/advanced_init/sort_direction_control.html
index de1f24d5..46713697 100644
--- a/examples/advanced_init/sort_direction_control.html
+++ b/examples/advanced_init/sort_direction_control.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Order direction sequence control</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -576,8 +576,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -601,7 +603,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/custom_data_flat.html b/examples/ajax/custom_data_flat.html
index 810e016f..02160aa0 100644
--- a/examples/ajax/custom_data_flat.html
+++ b/examples/ajax/custom_data_flat.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Flat array data source</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -124,8 +124,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -149,7 +151,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/custom_data_property.html b/examples/ajax/custom_data_property.html
index 08553595..e9871f19 100644
--- a/examples/ajax/custom_data_property.html
+++ b/examples/ajax/custom_data_property.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Custom data source property</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -109,8 +109,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -134,7 +136,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/deep.html b/examples/ajax/deep.html
index ee440508..3b82edbb 100644
--- a/examples/ajax/deep.html
+++ b/examples/ajax/deep.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Nested object data (objects)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -128,8 +128,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -153,7 +155,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/defer_render.html b/examples/ajax/defer_render.html
index 63ef3642..40a02a1f 100644
--- a/examples/ajax/defer_render.html
+++ b/examples/ajax/defer_render.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Deferred rendering for speed</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -97,8 +97,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -122,7 +124,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/null_data_source.html b/examples/ajax/null_data_source.html
index bc0f5b82..9f44f835 100644
--- a/examples/ajax/null_data_source.html
+++ b/examples/ajax/null_data_source.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Generated content for a column</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -124,8 +124,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -149,7 +151,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/objects.html b/examples/ajax/objects.html
index 50c510de..cfd31edd 100644
--- a/examples/ajax/objects.html
+++ b/examples/ajax/objects.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Ajax data source (objects)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -119,8 +119,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -144,7 +146,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/objects_subarrays.html b/examples/ajax/objects_subarrays.html
index f27ef4a1..3a53b405 100644
--- a/examples/ajax/objects_subarrays.html
+++ b/examples/ajax/objects_subarrays.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Nested object data (arrays)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -140,8 +140,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -165,7 +167,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/simple.html b/examples/ajax/simple.html
index 5d310ea5..97d44ecb 100644
--- a/examples/ajax/simple.html
+++ b/examples/ajax/simple.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Ajax data source (arrays)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -110,8 +110,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -135,7 +137,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/add_row.html b/examples/api/add_row.html
index 27ec11c1..ff43d04a 100644
--- a/examples/api/add_row.html
+++ b/examples/api/add_row.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Add rows</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -120,8 +120,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -145,7 +147,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/api_in_init.html b/examples/api/api_in_init.html
index 9191f4cc..e39d9506 100644
--- a/examples/api/api_in_init.html
+++ b/examples/api/api_in_init.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Using API in callbacks</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -570,8 +570,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -595,7 +597,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/counter_columns.html b/examples/api/counter_columns.html
index a2c1c611..a87f45e3 100644
--- a/examples/api/counter_columns.html
+++ b/examples/api/counter_columns.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Index column</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -578,8 +578,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -603,7 +605,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/form.html b/examples/api/form.html
index 178e2dad..3822c785 100644
--- a/examples/api/form.html
+++ b/examples/api/form.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Form inputs</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -1636,8 +1636,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -1661,7 +1663,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/highlight.html b/examples/api/highlight.html
index c68fcc83..cdb11820 100644
--- a/examples/api/highlight.html
+++ b/examples/api/highlight.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Highlighting rows and columns</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -17,8 +17,8 @@ td.highlight {
 
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -583,8 +583,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -610,7 +612,7 @@ td.highlight {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/multi_filter.html b/examples/api/multi_filter.html
index 75405ab8..9c00abbf 100644
--- a/examples/api/multi_filter.html
+++ b/examples/api/multi_filter.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Individual column filtering (text inputs)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -588,8 +588,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -613,7 +615,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/multi_filter_select.html b/examples/api/multi_filter_select.html
index 7f655582..6fe9876c 100644
--- a/examples/api/multi_filter_select.html
+++ b/examples/api/multi_filter_select.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Individual column filtering (select inputs)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -580,8 +580,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -605,7 +607,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/regex.html b/examples/api/regex.html
index c15ab209..45afed3e 100644
--- a/examples/api/regex.html
+++ b/examples/api/regex.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Filtering API (regular expressions)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -665,8 +665,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -690,7 +692,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/row_details.html b/examples/api/row_details.html
index a5ce00df..f6088778 100644
--- a/examples/api/row_details.html
+++ b/examples/api/row_details.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Child rows (show extra / detailed information)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -19,8 +19,8 @@ tr.details td.details-control {
 }
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -199,8 +199,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -230,7 +232,7 @@ tr.details td.details-control {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/select_row.html b/examples/api/select_row.html
index 981c5ec2..efe4e4a0 100644
--- a/examples/api/select_row.html
+++ b/examples/api/select_row.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row selection (multiple rows)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -563,8 +563,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -588,7 +590,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/select_single_row.html b/examples/api/select_single_row.html
index ed461cb8..6b1564ec 100644
--- a/examples/api/select_single_row.html
+++ b/examples/api/select_single_row.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row selection and deletion (single row)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -579,8 +579,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -604,7 +606,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/show_hide.html b/examples/api/show_hide.html
index bd63a53b..02e21064 100644
--- a/examples/api/show_hide.html
+++ b/examples/api/show_hide.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Show / hide columns dynamically</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -585,8 +585,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -610,7 +612,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/tabs_and_scrolling.html b/examples/api/tabs_and_scrolling.html
index e096654d..acaa6c83 100644
--- a/examples/api/tabs_and_scrolling.html
+++ b/examples/api/tabs_and_scrolling.html
@@ -6,15 +6,15 @@
 
 	<title>DataTables example - Scrolling and jQuery UI tabs</title>
 	<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables_themeroller.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
 	<script type="text/javascript" language="javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -576,10 +576,12 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
 						<li><a href=
 						"//code.jquery.com/ui/1.10.3/jquery-ui.js">//code.jquery.com/ui/1.10.3/jquery-ui.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -605,7 +607,7 @@ $(document).ready(function() {
 						<li><a href=
 						"//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css</a></li>
 						<li><a href=
-						"../../media/css/jquery.dataTables_themeroller.css">../../media/css/jquery.dataTables_themeroller.css</a></li>
+						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/alt_pagination.html b/examples/basic_init/alt_pagination.html
index 4651d09a..b1001049 100644
--- a/examples/basic_init/alt_pagination.html
+++ b/examples/basic_init/alt_pagination.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Alternative pagination</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -569,8 +569,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -594,7 +596,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/complex_header.html b/examples/basic_init/complex_header.html
index 12c428e8..03904139 100644
--- a/examples/basic_init/complex_header.html
+++ b/examples/basic_init/complex_header.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Complex headers (rowspan and colspan)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -550,8 +550,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -575,7 +577,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/dom.html b/examples/basic_init/dom.html
index fa03098d..f6031662 100644
--- a/examples/basic_init/dom.html
+++ b/examples/basic_init/dom.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - DOM positioning</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -614,8 +614,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -639,7 +641,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/filter_only.html b/examples/basic_init/filter_only.html
index 52a2d51e..153b224f 100644
--- a/examples/basic_init/filter_only.html
+++ b/examples/basic_init/filter_only.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Feature enable / disable</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -546,8 +546,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -571,7 +573,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/flexible_width.html b/examples/basic_init/flexible_width.html
index c14b0ff1..19db3e9c 100644
--- a/examples/basic_init/flexible_width.html
+++ b/examples/basic_init/flexible_width.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Flexible table width</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -15,8 +15,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -547,8 +547,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -574,7 +576,7 @@ div.container {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/hidden_columns.html b/examples/basic_init/hidden_columns.html
index 2210a337..28d924d1 100644
--- a/examples/basic_init/hidden_columns.html
+++ b/examples/basic_init/hidden_columns.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Hidden columns</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -575,8 +575,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -600,7 +602,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/language.html b/examples/basic_init/language.html
index 2a8b2c0c..370fd003 100644
--- a/examples/basic_init/language.html
+++ b/examples/basic_init/language.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Language options</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -556,8 +556,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -581,7 +583,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/multi_col_sort.html b/examples/basic_init/multi_col_sort.html
index 22b2596e..edd4a3ba 100644
--- a/examples/basic_init/multi_col_sort.html
+++ b/examples/basic_init/multi_col_sort.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Multi-column ordering</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -513,8 +513,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -538,7 +540,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/multiple_tables.html b/examples/basic_init/multiple_tables.html
index a12a9096..d2f1c2b0 100644
--- a/examples/basic_init/multiple_tables.html
+++ b/examples/basic_init/multiple_tables.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Multiple tables</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -15,8 +15,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -342,8 +342,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -369,7 +371,7 @@ div.dataTables_wrapper {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/scroll_x.html b/examples/basic_init/scroll_x.html
index c50fd70c..ff6b8d69 100644
--- a/examples/basic_init/scroll_x.html
+++ b/examples/basic_init/scroll_x.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Scroll - horizontal</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -17,8 +17,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -719,8 +719,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -748,7 +750,7 @@ th, td { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/scroll_xy.html b/examples/basic_init/scroll_xy.html
index 06460dbf..86ecb92f 100644
--- a/examples/basic_init/scroll_xy.html
+++ b/examples/basic_init/scroll_xy.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Scroll - horizontal and vertical</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -17,8 +17,8 @@
 	}
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -712,8 +712,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -741,7 +743,7 @@ th, td { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/scroll_y.html b/examples/basic_init/scroll_y.html
index 16214f77..94a0d60c 100644
--- a/examples/basic_init/scroll_y.html
+++ b/examples/basic_init/scroll_y.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Scroll - vertical</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -558,8 +558,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -583,7 +585,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/scroll_y_theme.html b/examples/basic_init/scroll_y_theme.html
index 978e53e6..3e2cc395 100644
--- a/examples/basic_init/scroll_y_theme.html
+++ b/examples/basic_init/scroll_y_theme.html
@@ -6,14 +6,14 @@
 
 	<title>DataTables example - Scroll - vertical with jQuery UI ThemeRoller</title>
 	<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables_themeroller.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -546,8 +546,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -573,7 +575,7 @@ $(document).ready(function() {
 						<li><a href=
 						"//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css</a></li>
 						<li><a href=
-						"../../media/css/jquery.dataTables_themeroller.css">../../media/css/jquery.dataTables_themeroller.css</a></li>
+						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/state_save.html b/examples/basic_init/state_save.html
index 754fe40d..735ff8f6 100644
--- a/examples/basic_init/state_save.html
+++ b/examples/basic_init/state_save.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - State saving</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -558,8 +558,10 @@ $('#example').dataTable( {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -583,7 +585,7 @@ $('#example').dataTable( {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/table_sorting.html b/examples/basic_init/table_sorting.html
index 3dea4c42..0b35f12a 100644
--- a/examples/basic_init/table_sorting.html
+++ b/examples/basic_init/table_sorting.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Default ordering (sorting)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -553,8 +553,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -578,7 +580,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/zero_configuration.html b/examples/basic_init/zero_configuration.html
index 97caf743..a01e7aec 100644
--- a/examples/basic_init/zero_configuration.html
+++ b/examples/basic_init/zero_configuration.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Zero configuration</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -542,8 +542,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -567,7 +569,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/ajax.html b/examples/data_sources/ajax.html
index 65dff503..66d0173f 100644
--- a/examples/data_sources/ajax.html
+++ b/examples/data_sources/ajax.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Ajax sourced data</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -96,8 +96,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -121,7 +123,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/dom.html b/examples/data_sources/dom.html
index 36265cb2..a3833ac7 100644
--- a/examples/data_sources/dom.html
+++ b/examples/data_sources/dom.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - DOM sourced data</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -540,8 +540,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -565,7 +567,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/js_array.html b/examples/data_sources/js_array.html
index 2374c9a5..1e32eca8 100644
--- a/examples/data_sources/js_array.html
+++ b/examples/data_sources/js_array.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Javascript sourced data</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -207,8 +207,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -232,7 +234,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/server_side.html b/examples/data_sources/server_side.html
index 56919fd8..f9a78d66 100644
--- a/examples/data_sources/server_side.html
+++ b/examples/data_sources/server_side.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Server-side processing</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -99,8 +99,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -124,7 +126,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/api.html b/examples/plug-ins/api.html
index 56caf4b7..05104487 100644
--- a/examples/plug-ins/api.html
+++ b/examples/plug-ins/api.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - API plug-in methods</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -594,8 +594,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -619,7 +621,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/dom_sort.html b/examples/plug-ins/dom_sort.html
index 7c93fecf..a755e7c7 100644
--- a/examples/plug-ins/dom_sort.html
+++ b/examples/plug-ins/dom_sort.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Live DOM ordering</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -1685,8 +1685,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -1710,7 +1712,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/range_filtering.html b/examples/plug-ins/range_filtering.html
index 2cb2b9a1..ada7190e 100644
--- a/examples/plug-ins/range_filtering.html
+++ b/examples/plug-ins/range_filtering.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Custom filtering - range filter</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -602,8 +602,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -627,7 +629,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/sorting_auto.html b/examples/plug-ins/sorting_auto.html
index e608fe79..64bf521d 100644
--- a/examples/plug-ins/sorting_auto.html
+++ b/examples/plug-ins/sorting_auto.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Ordering plug-ins (with type detection)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,8 +574,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -599,7 +601,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/sorting_manual.html b/examples/plug-ins/sorting_manual.html
index 753a46f7..76abdfc0 100644
--- a/examples/plug-ins/sorting_manual.html
+++ b/examples/plug-ins/sorting_manual.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Ordering plug-ins (no type detection)</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -571,8 +571,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -596,7 +598,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/resources/demo.css b/examples/resources/demo.css
index c76e77c9..828384e4 100644
--- a/examples/resources/demo.css
+++ b/examples/resources/demo.css
@@ -27,7 +27,7 @@ h1 span {
 
 a {
 	cursor: pointer;
-	color: #0063DC;
+	color: #3174c7;
 	text-decoration: none;
 }
 
@@ -43,14 +43,21 @@ div.toc ul {
 
 div.toc li {
 	padding: 0.2em 1em;
+	border-left: 4px solid transparent;
+	border-bottom: 1px solid #e6e6e6;
 }
 
 div.toc li.active {
-	background-color: #ccc !important;
+	border-left: 4px solid #458ae0;
 }
 
-div.toc li:nth-child(odd) {
-	background-color: #eaeaea;
+
+div.toc li:first-child {
+	border-top: 1px solid #efefef;
+}
+
+div.toc li:last-child {
+	border-bottom: 1px solid #efefef;
 }
 
 
diff --git a/examples/server_side/custom_vars.html b/examples/server_side/custom_vars.html
index 8218e557..ef90271d 100644
--- a/examples/server_side/custom_vars.html
+++ b/examples/server_side/custom_vars.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Custom HTTP variables</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -113,8 +113,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -138,7 +140,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/defer_loading.html b/examples/server_side/defer_loading.html
index 7938bb7a..823075d4 100644
--- a/examples/server_side/defer_loading.html
+++ b/examples/server_side/defer_loading.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Deferred loading of data</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -184,8 +184,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -209,7 +211,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/ids.html b/examples/server_side/ids.html
index 9ecbdb0c..d9944a00 100644
--- a/examples/server_side/ids.html
+++ b/examples/server_side/ids.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Automatic addition of row ID attributes</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -118,8 +118,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -143,7 +145,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/jsonp.html b/examples/server_side/jsonp.html
index 0f50ef53..ead98d88 100644
--- a/examples/server_side/jsonp.html
+++ b/examples/server_side/jsonp.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - JSONP data source for remote domains</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -107,8 +107,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -132,7 +134,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/object_data.html b/examples/server_side/object_data.html
index 850b600f..dda1ea9f 100644
--- a/examples/server_side/object_data.html
+++ b/examples/server_side/object_data.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Object data source</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -109,8 +109,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -134,7 +136,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/pipeline.html b/examples/server_side/pipeline.html
index 0b683d81..3dc35b0a 100644
--- a/examples/server_side/pipeline.html
+++ b/examples/server_side/pipeline.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Pipelining data to reduce Ajax calls for paging</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -277,8 +277,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -302,7 +304,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/post.html b/examples/server_side/post.html
index e6d46e1f..988b6066 100644
--- a/examples/server_side/post.html
+++ b/examples/server_side/post.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - POST data</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -122,8 +122,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -147,7 +149,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/row_details.html b/examples/server_side/row_details.html
index 9d24d666..8d5d76a4 100644
--- a/examples/server_side/row_details.html
+++ b/examples/server_side/row_details.html
@@ -5,7 +5,7 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row details</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -19,8 +19,8 @@ tr.details td.details-control {
 }
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -178,8 +178,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -209,7 +211,7 @@ tr.details td.details-control {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/select_rows.html b/examples/server_side/select_rows.html
index 4344f9bb..e2beef1a 100644
--- a/examples/server_side/select_rows.html
+++ b/examples/server_side/select_rows.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Row selection</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -135,8 +135,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -160,7 +162,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/simple.html b/examples/server_side/simple.html
index eeebb06b..4dcbe347 100644
--- a/examples/server_side/simple.html
+++ b/examples/server_side/simple.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Server-side processing</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -99,8 +99,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -124,7 +126,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/bootstrap.html b/examples/styling/bootstrap.html
index ee40b234..d95a682c 100644
--- a/examples/styling/bootstrap.html
+++ b/examples/styling/bootstrap.html
@@ -6,7 +6,8 @@
 
 	<title>DataTables example - Bootstrap</title>
 	<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" href="../resources/bootstrap/3/dataTables.bootstrap.css">
+	<link rel="stylesheet" type="text/css" href=
+	"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
@@ -14,9 +15,10 @@
 	body { font-size: 140%; }
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
-	<script type="text/javascript" language="javascript" src="../resources/bootstrap/3/dataTables.bootstrap.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src=
+	"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -548,10 +550,12 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
 						<li><a href=
-						"../resources/bootstrap/3/dataTables.bootstrap.js">../resources/bootstrap/3/dataTables.bootstrap.js</a></li>
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.js">../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.js</a></li>
 					</ul>
 				</div>
 
@@ -577,7 +581,7 @@ body { font-size: 140%; }
 						<li><a href=
 						"//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css</a></li>
 						<li><a href=
-						"../resources/bootstrap/3/dataTables.bootstrap.css">../resources/bootstrap/3/dataTables.bootstrap.css</a></li>
+						"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css">../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/cell-border.html b/examples/styling/cell-border.html
index d42c37c3..9bd115bf 100644
--- a/examples/styling/cell-border.html
+++ b/examples/styling/cell-border.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - cell borders</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,8 +537,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -562,7 +564,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/display.html b/examples/styling/display.html
index 293c9864..4e5afcbe 100644
--- a/examples/styling/display.html
+++ b/examples/styling/display.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -553,8 +553,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -578,7 +580,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/foundation.html b/examples/styling/foundation.html
index b100582a..c12c65c9 100644
--- a/examples/styling/foundation.html
+++ b/examples/styling/foundation.html
@@ -7,15 +7,17 @@
 	<title>DataTables example - Foundation</title>
 	<link rel="stylesheet" type="text/css" href=
 	"//cdnjs.cloudflare.com/ajax/libs/foundation/4.3.1/css/foundation.min.css">
-	<link rel="stylesheet" type="text/css" href="../resources/foundation/dataTables.foundation.css">
+	<link rel="stylesheet" type="text/css" href=
+	"../../../../../../../../../examples/resources/foundation/dataTables.foundation.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
-	<script type="text/javascript" language="javascript" src="../resources/foundation/dataTables.foundation.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src=
+	"../../../../../../../../../examples/resources/foundation/dataTables.foundation.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -547,10 +549,12 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
 						<li><a href=
-						"../resources/foundation/dataTables.foundation.js">../resources/foundation/dataTables.foundation.js</a></li>
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../../examples/resources/foundation/dataTables.foundation.js">../../../../../../../../../examples/resources/foundation/dataTables.foundation.js</a></li>
 					</ul>
 				</div>
 
@@ -576,7 +580,7 @@ $(document).ready(function() {
 						<li><a href=
 						"//cdnjs.cloudflare.com/ajax/libs/foundation/4.3.1/css/foundation.min.css">//cdnjs.cloudflare.com/ajax/libs/foundation/4.3.1/css/foundation.min.css</a></li>
 						<li><a href=
-						"../resources/foundation/dataTables.foundation.css">../resources/foundation/dataTables.foundation.css</a></li>
+						"../../../../../../../../../examples/resources/foundation/dataTables.foundation.css">../../../../../../../../../examples/resources/foundation/dataTables.foundation.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/hover.html b/examples/styling/hover.html
index 2c969068..9fdeb335 100644
--- a/examples/styling/hover.html
+++ b/examples/styling/hover.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - hover</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,8 +537,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -562,7 +564,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/jqueryUI.html b/examples/styling/jqueryUI.html
index d7e16e6a..93383580 100644
--- a/examples/styling/jqueryUI.html
+++ b/examples/styling/jqueryUI.html
@@ -6,14 +6,14 @@
 
 	<title>DataTables example - jQuery UI ThemeRoller</title>
 	<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables_themeroller.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -550,8 +550,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -577,7 +579,7 @@ $(document).ready(function() {
 						<li><a href=
 						"//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css</a></li>
 						<li><a href=
-						"../../media/css/jquery.dataTables_themeroller.css">../../media/css/jquery.dataTables_themeroller.css</a></li>
+						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/no-classes.html b/examples/styling/no-classes.html
index 782543a6..2d34f2e9 100644
--- a/examples/styling/no-classes.html
+++ b/examples/styling/no-classes.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - no styling classes</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,8 +537,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -562,7 +564,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/order-column.html b/examples/styling/order-column.html
index 12b189c2..e06217ec 100644
--- a/examples/styling/order-column.html
+++ b/examples/styling/order-column.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - order-column</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -538,8 +538,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -563,7 +565,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/row-border.html b/examples/styling/row-border.html
index 492dd662..9c49070a 100644
--- a/examples/styling/row-border.html
+++ b/examples/styling/row-border.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - row borders</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,8 +537,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -562,7 +564,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/stripe.html b/examples/styling/stripe.html
index 369f47d9..5dc5603c 100644
--- a/examples/styling/stripe.html
+++ b/examples/styling/stripe.html
@@ -5,14 +5,14 @@
 	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
 
 	<title>DataTables example - Base style - stripe</title>
-	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../../../../../../../css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 
 	</style>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -536,8 +536,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
-						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href=
+						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -561,7 +563,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
+						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>