body { background:#C0C0C0; font-family: Tahoma, Arial, sans-serif; margin:0; color:#000; }
.window { background:#ECE9D8; border:2px solid #808080; margin:20px; padding:8px; }

/* Title bar: left = original #000080, fades smoothly to a lighter blue on the right.
   Includes fallback and vendor prefixes for broader compatibility. */
.header {
  background: #000080; /* fallback for very old browsers */
  background: -webkit-linear-gradient(left, #000080 0%, #5d87c6 100%);
  background: -moz-linear-gradient(left, #000080 0%, #5d87c6 100%);
  background: -o-linear-gradient(left, #000080 0%, #5d87c6 100%);
  background: linear-gradient(to right, #000080 0%, #5d87c6 100%);
  /* old IE filter fallback (keeps layout stable in legacy IE) */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000080', endColorstr='#FF5D87C6', GradientType=1);
  color:#fff; padding:6px 8px; font-weight:bold;
}

.button { display:inline-block; padding:3px 8px; margin:4px 2px; border:2px outset #fff; background:#C0C0C0; text-decoration:none; color:#000; font-size:12px; }
.table-files { width:100%; border-collapse:collapse; background:#fff; margin-top:8px; }
.table-files th, .table-files td { border:1px solid #808080; padding:4px; font-size:13px; }
.error { background:#fdd; padding:6px; border:1px solid #f99; margin-bottom:8px; }