<meta charset = "utf-8">
        <style type="text/css" media="screen">
            @import "/media/css/site_jui.ccss";
            @import "/release-datatables/media/css/demo_table_jui.css";
            @import "js/jquery/css/smoothness/jquery-ui-1.8.23.custom.css";

            /*
             * Override styles needed due to the mix of three different CSS sources! For proper examples
             * please see the themes example in the 'Examples' section of this site
             */
            .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; }

            body {
    background-color: #7db9e8;
    font-family:sans-serif;
}
            table{
                background-color: #fff;
            }
        </style>
        <script type="text/javascript" src="js/jquery/js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="js/jquery/js/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="js/datatables/jquery.dataTables.js"></script>
        <script type="text/javascript" src="js/datatables/TableTools.min.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready( function () {
                $('#example').dataTable( {
                    "sDom": 'T<"clear">lfrtip',
                    "oTableTools": {
                        "sSwfPath": "js/datatables/swf/copy_csv_xls_pdf.swf",
			"aButtons": [
				"copy",
				"csv",
				"xls",
				{
					"sExtends": "pdf",
					"sPdfOrientation": "landscape",
					"sPdfMessage": "Your custom message would go here."
				},
				"print"
			]

                    }

                } );
            } );
        </script>