Problem with bJQueryUI

Hi people, first of all thanks for this awesome JQuery Plugin its really helpfull when you need to show some dinamic results from a D.B even more with the TableTools save options.

Im having some trouble using the bJQueryUI beacuse when im using the Excel PDF or coppy buttons the header and footer from DataTable its not being shown, here the examples:

How it should be: http://datatables.net/release-datatables/extras/TableTools/theme.html

How really looks like: http://datatables.net/extras/tabletools/

Here's my code

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../DataTables-1.9.2/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.9.2.custom.min"></script>
<script type="text/javascript" src="../DataTables-1.9.2/media/js/TableTools.min.js"></script>



<link type="text/css" rel="stylesheet" href="../DataTables-1.9.2/TableTools-2.1.2/media/css/TableTools.css"/>
<link type="text/css" rel="stylesheet" href="../DataTables-1.9.2/media/css/jquery.dataTables_themeroller.css"/>
<link type="text/css" href="../css/redmond/jquery-ui-1.8.20.custom.css" rel="Stylesheet"/>
     



<script type="text/javascript">

$(document).ready(function() {


 $('#tabla').dataTable( {
	    "bProcessing": true,
		"aaSorting": [],
			"bJQueryUI": true, 	
		"sDom": 'T<"clear">lfrtip',
        "oTableTools": {
			"sSwfPath" : "../DataTables-1.9.2/TableTools-2.1.2/media/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
                "copy",
                "print",
                "xls",
				"pdf",
           ]
        },
        "sAjaxSource": 'listado_pacientes.php',
		"oLanguage": {"sUrl": "../DataTables-1.9.2/es.txt"}, 
		"sPaginationType": "full_numbers",
		"bAutoWidth": false
	
    } );
	
	
	
	
} );

 </script>

 

The data table is running well with the Database I just need to solve this little issue but im really noob about CSS