DataTables/media/css/demo_table_jui.css included on every page

CiviCRM includes a CSS file (plugins/jquery/DataTables/media/css/demo_table_jui.css) which introduces style definitions with common selectors (.top, .bottom) and very visible rules (border: 1px solid white). This can cause CiviCRM to negatively affect otherwise functional site designs which use the same selectors.

http://drupal.demo.civicrm.org/sites/drupal.demo.civicrm.org/modules/civicrm/packages/jquery/plugins/DataTables/media/css/demo_table_jui.css

The name of the file (demo_*) suggests that it was not intended for general use and was perhaps included in CiviCRM unintentionally.

Unfortunately the history in Git doesn't show the reasons for this file's inclusion in https://github.com/civicrm/civicrm-core/blob/master/templates/CRM/common/jquery.files.tpl#L47

The simple workaround is to override the common selectors with default behaviours (body .top

).