From 46571cfd0a8a16661ba65eaf4559fc0f90deec44 Mon Sep 17 00:00:00 2001
From: Allan Jardine <allan.jardine@sprymedia.co.uk>
Date: Thu, 19 Dec 2013 14:02:59 +0000
Subject: [PATCH] Site: Updating custom markdown to have class for styling, and
 demo styling update

---
 .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                   | 19 ++++++------------
 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, 491 insertions(+), 662 deletions(-)

diff --git a/.datatables-commit-sync b/.datatables-commit-sync
index e54154cf..05f4b227 100644
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-bf339192b897691fbc62de987c8874639e9bffca
+c3311f7cdc07a342004d3d3450d755ad7e8121f9
diff --git a/examples/advanced_init/column_render.html b/examples/advanced_init/column_render.html
index 9faf619e..62187af4 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,10 +574,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -601,7 +599,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 24f86b96..d0128dfd 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -568,10 +568,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -595,7 +593,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/advanced_init/defaults.html b/examples/advanced_init/defaults.html
index 08974b39..a2904668 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -559,10 +559,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -586,7 +584,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 1d652098..a544e76a 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -559,10 +559,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -592,7 +590,7 @@ div.dataTables_length {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 0700a21b..806b60bb 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -568,10 +568,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -597,7 +595,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 3886241e..f77d2941 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,10 +574,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -601,7 +599,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 6b06391a..3a5850eb 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,10 +554,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -581,7 +579,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 f822063c..2cfd9d55 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,10 +554,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -581,7 +579,7 @@ th { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 33788450..555b7513 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -561,10 +561,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -588,7 +586,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 031ab95a..366f3ab7 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -552,10 +552,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -579,7 +577,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 cad2a793..d9fda898 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -554,10 +554,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -581,7 +579,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 5765a1a9..2dbf39f3 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -565,10 +565,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -595,7 +593,7 @@ td.highlight {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 f39e5cbb..d4e77377 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -617,10 +617,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -647,7 +645,7 @@ tr.group:hover {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 46713697..de1f24d5 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/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,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -603,7 +601,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 02160aa0..810e016f 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -124,10 +124,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -151,7 +149,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 e9871f19..08553595 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -109,10 +109,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -136,7 +134,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/deep.html b/examples/ajax/deep.html
index 3b82edbb..ee440508 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -128,10 +128,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -155,7 +153,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/defer_render.html b/examples/ajax/defer_render.html
index 40a02a1f..63ef3642 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -97,10 +97,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -124,7 +122,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 9f44f835..bc0f5b82 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -124,10 +124,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -151,7 +149,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/objects.html b/examples/ajax/objects.html
index cfd31edd..50c510de 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -119,10 +119,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -146,7 +144,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/objects_subarrays.html b/examples/ajax/objects_subarrays.html
index 3a53b405..f27ef4a1 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -140,10 +140,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -167,7 +165,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/ajax/simple.html b/examples/ajax/simple.html
index 97d44ecb..5d310ea5 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -110,10 +110,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -137,7 +135,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/add_row.html b/examples/api/add_row.html
index ff43d04a..27ec11c1 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -120,10 +120,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -147,7 +145,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 e39d9506..9191f4cc 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -570,10 +570,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -597,7 +595,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/counter_columns.html b/examples/api/counter_columns.html
index a87f45e3..a2c1c611 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -578,10 +578,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -605,7 +603,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/form.html b/examples/api/form.html
index 3822c785..178e2dad 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -1636,10 +1636,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -1663,7 +1661,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/highlight.html b/examples/api/highlight.html
index cdb11820..c68fcc83 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -583,10 +583,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -612,7 +610,7 @@ td.highlight {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/multi_filter.html b/examples/api/multi_filter.html
index 9c00abbf..75405ab8 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -588,10 +588,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -615,7 +613,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 6fe9876c..7f655582 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -580,10 +580,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -607,7 +605,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/regex.html b/examples/api/regex.html
index 45afed3e..c15ab209 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -665,10 +665,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -692,7 +690,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/row_details.html b/examples/api/row_details.html
index f6088778..a5ce00df 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -199,10 +199,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -232,7 +230,7 @@ tr.details td.details-control {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/select_row.html b/examples/api/select_row.html
index efe4e4a0..981c5ec2 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -563,10 +563,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -590,7 +588,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 6b1564ec..ed461cb8 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -579,10 +579,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -606,7 +604,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/api/show_hide.html b/examples/api/show_hide.html
index 02e21064..bd63a53b 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -585,10 +585,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -612,7 +610,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 acaa6c83..e096654d 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="../../../../../../../../css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/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="../../../../../../../../js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/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,12 +576,10 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
+						<li><a href="../../media/js/jquery.js">../../media/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=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
 					</ul>
 				</div>
 
@@ -607,7 +605,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=
-						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
+						"../../media/css/jquery.dataTables_themeroller.css">../../media/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 b1001049..4651d09a 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -569,10 +569,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -596,7 +594,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 03904139..12c428e8 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -550,10 +550,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -577,7 +575,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/dom.html b/examples/basic_init/dom.html
index f6031662..fa03098d 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -614,10 +614,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -641,7 +639,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 153b224f..52a2d51e 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -546,10 +546,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -573,7 +571,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 19db3e9c..c14b0ff1 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/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 +547,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -576,7 +574,7 @@ div.container {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 28d924d1..2210a337 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -575,10 +575,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -602,7 +600,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/basic_init/language.html b/examples/basic_init/language.html
index 370fd003..2a8b2c0c 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -556,10 +556,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -583,7 +581,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 edd4a3ba..22b2596e 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -513,10 +513,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -540,7 +538,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 d2f1c2b0..a12a9096 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -342,10 +342,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -371,7 +369,7 @@ div.dataTables_wrapper {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 ff6b8d69..c50fd70c 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -719,10 +719,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -750,7 +748,7 @@ th, td { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 86ecb92f..06460dbf 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -712,10 +712,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -743,7 +741,7 @@ th, td { white-space: nowrap; }
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 94a0d60c..16214f77 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -558,10 +558,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -585,7 +583,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 3e2cc395..978e53e6 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="../../../../../../../../css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -546,10 +546,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -575,7 +573,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=
-						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
+						"../../media/css/jquery.dataTables_themeroller.css">../../media/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 735ff8f6..754fe40d 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -558,10 +558,8 @@ $('#example').dataTable( {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -585,7 +583,7 @@ $('#example').dataTable( {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 0b35f12a..3dea4c42 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -553,10 +553,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -580,7 +578,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 a01e7aec..97caf743 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -542,10 +542,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -569,7 +567,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/ajax.html b/examples/data_sources/ajax.html
index 66d0173f..65dff503 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -96,10 +96,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -123,7 +121,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/data_sources/dom.html b/examples/data_sources/dom.html
index a3833ac7..36265cb2 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -540,10 +540,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -567,7 +565,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 1e32eca8..2374c9a5 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -207,10 +207,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -234,7 +232,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 f9a78d66..56919fd8 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -99,10 +99,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -126,7 +124,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/plug-ins/api.html b/examples/plug-ins/api.html
index 05104487..56caf4b7 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -594,10 +594,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -621,7 +619,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 a755e7c7..7c93fecf 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -1685,10 +1685,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -1712,7 +1710,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 ada7190e..2cb2b9a1 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -602,10 +602,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -629,7 +627,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 64bf521d..e608fe79 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -574,10 +574,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -601,7 +599,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 76abdfc0..753a46f7 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -571,10 +571,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -598,7 +596,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/resources/demo.css b/examples/resources/demo.css
index 828384e4..89136561 100644
--- a/examples/resources/demo.css
+++ b/examples/resources/demo.css
@@ -27,7 +27,7 @@ h1 span {
 
 a {
 	cursor: pointer;
-	color: #3174c7;
+	color: #0063DC;
 	text-decoration: none;
 }
 
@@ -43,21 +43,14 @@ div.toc ul {
 
 div.toc li {
 	padding: 0.2em 1em;
-	border-left: 4px solid transparent;
-	border-bottom: 1px solid #e6e6e6;
 }
 
 div.toc li.active {
-	border-left: 4px solid #458ae0;
+	background-color: #ccc !important;
 }
 
-
-div.toc li:first-child {
-	border-top: 1px solid #efefef;
-}
-
-div.toc li:last-child {
-	border-bottom: 1px solid #efefef;
+div.toc li:nth-child(odd) {
+	background-color: #eaeaea;
 }
 
 
@@ -149,8 +142,8 @@ div.box {
 
 
 code {
-	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-	padding: 2px 4px;
+	font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace;
+	padding: 1px 4px;
 	font-size: 0.8em;
 
 	color: #444;
diff --git a/examples/server_side/custom_vars.html b/examples/server_side/custom_vars.html
index ef90271d..8218e557 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -113,10 +113,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -140,7 +138,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 823075d4..7938bb7a 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -184,10 +184,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -211,7 +209,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/ids.html b/examples/server_side/ids.html
index d9944a00..9ecbdb0c 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -118,10 +118,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -145,7 +143,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/jsonp.html b/examples/server_side/jsonp.html
index ead98d88..0f50ef53 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -107,10 +107,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -134,7 +132,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 dda1ea9f..850b600f 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -109,10 +109,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -136,7 +134,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/pipeline.html b/examples/server_side/pipeline.html
index 3dc35b0a..0b683d81 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -277,10 +277,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -304,7 +302,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/post.html b/examples/server_side/post.html
index 988b6066..e6d46e1f 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -122,10 +122,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -149,7 +147,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 8d5d76a4..9d24d666 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -178,10 +178,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -211,7 +209,7 @@ tr.details td.details-control {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/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 e2beef1a..4344f9bb 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -135,10 +135,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -162,7 +160,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/server_side/simple.html b/examples/server_side/simple.html
index 4dcbe347..eeebb06b 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -99,10 +99,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -126,7 +124,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/bootstrap.html b/examples/styling/bootstrap.html
index d95a682c..ee40b234 100644
--- a/examples/styling/bootstrap.html
+++ b/examples/styling/bootstrap.html
@@ -6,8 +6,7 @@
 
 	<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=
-	"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css">
+	<link rel="stylesheet" type="text/css" href="../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">
@@ -15,10 +14,9 @@
 	body { font-size: 140%; }
 
 	</style>
-	<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="../../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="../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,12 +548,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>
-						<li><a href=
-						"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.js">../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.js</a></li>
+						"../resources/bootstrap/3/dataTables.bootstrap.js">../resources/bootstrap/3/dataTables.bootstrap.js</a></li>
 					</ul>
 				</div>
 
@@ -581,7 +577,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=
-						"../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css">../../../../../../../../../examples/resources/bootstrap/3/dataTables.bootstrap.css</a></li>
+						"../resources/bootstrap/3/dataTables.bootstrap.css">../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 9bd115bf..d42c37c3 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,10 +537,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -564,7 +562,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/display.html b/examples/styling/display.html
index 4e5afcbe..293c9864 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -553,10 +553,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -580,7 +578,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/foundation.html b/examples/styling/foundation.html
index c12c65c9..b100582a 100644
--- a/examples/styling/foundation.html
+++ b/examples/styling/foundation.html
@@ -7,17 +7,15 @@
 	<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=
-	"../../../../../../../../../examples/resources/foundation/dataTables.foundation.css">
+	<link rel="stylesheet" type="text/css" href="../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="../../../../../../../../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="../../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="../resources/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -549,12 +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>
-						<li><a href=
-						"../../../../../../../../../examples/resources/foundation/dataTables.foundation.js">../../../../../../../../../examples/resources/foundation/dataTables.foundation.js</a></li>
+						"../resources/foundation/dataTables.foundation.js">../resources/foundation/dataTables.foundation.js</a></li>
 					</ul>
 				</div>
 
@@ -580,7 +576,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=
-						"../../../../../../../../../examples/resources/foundation/dataTables.foundation.css">../../../../../../../../../examples/resources/foundation/dataTables.foundation.css</a></li>
+						"../resources/foundation/dataTables.foundation.css">../resources/foundation/dataTables.foundation.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/hover.html b/examples/styling/hover.html
index 9fdeb335..2c969068 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,10 +537,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -564,7 +562,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/jqueryUI.html b/examples/styling/jqueryUI.html
index 93383580..d7e16e6a 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="../../../../../../../../css/jquery.dataTables_themeroller.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -550,10 +550,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -579,7 +577,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=
-						"../../../../../../../../css/jquery.dataTables_themeroller.css">../../../../../../../../css/jquery.dataTables_themeroller.css</a></li>
+						"../../media/css/jquery.dataTables_themeroller.css">../../media/css/jquery.dataTables_themeroller.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/no-classes.html b/examples/styling/no-classes.html
index 2d34f2e9..782543a6 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,10 +537,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -564,7 +562,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/order-column.html b/examples/styling/order-column.html
index e06217ec..12b189c2 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -538,10 +538,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -565,7 +563,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/row-border.html b/examples/styling/row-border.html
index 9c49070a..492dd662 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -537,10 +537,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -564,7 +562,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>
 
diff --git a/examples/styling/stripe.html b/examples/styling/stripe.html
index 5dc5603c..369f47d9 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="../../../../../../../../css/jquery.dataTables.css">
+	<link rel="stylesheet" type="text/css" href="../../media/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="../../../../../../../../js/jquery.js"></script>
-	<script type="text/javascript" language="javascript" src="../../../../../../../../js/jquery.dataTables.js"></script>
+	<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/syntax/shCore.js"></script>
 	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
@@ -536,10 +536,8 @@ $(document).ready(function() {
 					example:</p>
 
 					<ul>
-						<li><a href=
-						"../../../../../../../../js/jquery.js">../../../../../../../../js/jquery.js</a></li>
-						<li><a href=
-						"../../../../../../../../js/jquery.dataTables.js">../../../../../../../../js/jquery.dataTables.js</a></li>
+						<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>
 					</ul>
 				</div>
 
@@ -563,7 +561,7 @@ $(document).ready(function() {
 
 					<ul>
 						<li><a href=
-						"../../../../../../../../css/jquery.dataTables.css">../../../../../../../../css/jquery.dataTables.css</a></li>
+						"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
 					</ul>
 				</div>