Using ThemeRoller. Not working

Hi all,

The ThemeRoller not working for me
Everything is the same as the source code of the web site at this page https://datatables.net/styling/themes/overcast
Is that someone could give me a proper initialization

Thank you

<link rel="stylesheet" type="text/css" href="./script/DataTables-1.9.4/media/css/demo_table_jui.css"/>
<link rel="stylesheet" type="text/css" href="./script/DataTables-1.9.4/media/css/overcast/jquery-ui-1.10.4.custom.min.css"/>
		
<style type="text/css" media="screen">
	.dataTables_info { padding-top: 0; }
	.dataTables_paginate { padding-top: 0; }
	.css_right { float: right; }
	#example_wrapper .fg-toolbar { font-size: 0.8em }
	#theme_links span { float: left; padding: 2px 10px; }
</style>

/* Jquery */		
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

/*The dataTable script*/
<script type="text/javascript" src="./script/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>

<script type="text/javascript" charset="utf-8">
	$(document).ready( function() {
		$('#example').dataTable( {
			"bJQueryUI": true,
			"sPaginationType": "full_numbers"
		} );
	} );
</script>