/*
 * NRAI Custom Theme Overrides for jQuery UI 1.14.1
 * Preserves the "Start" theme color palette from jQuery UI 1.8.11
 * Load this AFTER jquery-ui.min.css
 *
 * License: MIT (same as jQuery UI)
 *
 * Color Palette (extracted from jquery-ui-1.8.11.custom.css):
 *   Header:    bg=#9cb2ce  border=#4297d7  text=#ffffff  icons=#d8e7f3
 *   Content:   bg=#fcfdfd  border=#a6c9e2  text=#222222  icons=#469bdd
 *   Default:   bg=#dfeffc  border=#c5dbec  text=#2e6e9e  icons=#469bdd
 *   Hover:     bg=#d0e5f5  border=#79b7e7  text=#1d5987  icons=#6da8d5
 *   Active:    bg=#f5f8f9  border=#79b7e7  text=#e17009  icons=#6da8d5
 *   Highlight: bg=#fbec88  border=#fad42e  text=#363636  icons=#f9bd01
 *   Error:     bg=#fef1ec  border=#cd0a0a  text=#cd0a0a  icons=#cd0a0a
 */

/* ============================================
   1. BASE WIDGET FONT
   Exact values from jquery-ui-1.8.11.custom.css line 59-61
   .ui-widget uses Arial at .9em
   .ui-widget input uses Lucida Grande at 1em
   ============================================ */
.ui-widget {
   font-family: Arial, Helvetica, Times, sans-serif;
   font-size: .9em;
}

   /* Prevent font-size compounding when widgets are nested inside widgets */
   .ui-widget .ui-widget {
      font-size: 1em;
   }

   /* Form elements inside widgets */
   .ui-widget input,
   .ui-widget select,
   .ui-widget textarea,
   .ui-widget button {
      font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
      font-size: 1em;
   }

/* ============================================
   2. CONTENT AREA
   Old file had border:none (commented out original border)
   ============================================ */
.ui-widget-content {
   border: none;
   background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
   color: #222222;
}

   .ui-widget-content a {
      color: #222222;
   }

/* ============================================
   3. HEADER / TOOLBAR
   Old file had flat #9cb2ce background (no gradient)
   ============================================ */
.ui-widget-header {
   border: 1px solid #4297d7;
   background: #9cb2ce;
   color: #ffffff;
   font-weight: bold;
}

   .ui-widget-header a {
      color: #ffffff;
   }

   /* ============================================
   4. DEFAULT STATE (Buttons, Tabs, etc.)
   ============================================ */
   .ui-state-default,
   .ui-widget-content .ui-state-default,
   .ui-widget-header .ui-state-default {
      border: 1px solid #c5dbec;
      background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
      font-weight: bold;
      color: #2e6e9e;
   }

      .ui-state-default a,
      .ui-state-default a:link,
      .ui-state-default a:visited {
         color: #2e6e9e;
         text-decoration: none;
      }

   /* ============================================
   5. HOVER / FOCUS STATE
   ============================================ */
   .ui-state-hover,
   .ui-widget-content .ui-state-hover,
   .ui-widget-header .ui-state-hover,
   .ui-state-focus,
   .ui-widget-content .ui-state-focus,
   .ui-widget-header .ui-state-focus {
      border: 1px solid #79b7e7;
      background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
      font-weight: bold;
      color: #1d5987;
   }

      .ui-state-hover a,
      .ui-state-hover a:hover,
      .ui-state-focus a,
      .ui-state-focus a:hover {
         color: #1d5987;
         text-decoration: none;
      }

   /* ============================================
   6. ACTIVE / SELECTED STATE
   ============================================ */
   .ui-state-active,
   .ui-widget-content .ui-state-active,
   .ui-widget-header .ui-state-active {
      border: 1px solid #79b7e7;
      background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
      font-weight: bold;
      color: #e17009;
   }

      .ui-state-active a,
      .ui-state-active a:link,
      .ui-state-active a:visited {
         color: #e17009;
         text-decoration: none;
      }

.ui-widget :active {
   outline: none;
}

/* ============================================
   7. HIGHLIGHT STATE
   ============================================ */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #fad42e;
   background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
   color: #363636;
}

   .ui-state-highlight a,
   .ui-widget-content .ui-state-highlight a,
   .ui-widget-header .ui-state-highlight a {
      color: #363636;
   }

/* ============================================
   8. ERROR STATE
   ============================================ */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
   color: #cd0a0a;
}

   .ui-state-error a,
   .ui-widget-content .ui-state-error a,
   .ui-widget-header .ui-state-error a {
      color: #cd0a0a;
   }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a;
}

/* ============================================
   9. PRIORITY
   ============================================ */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: 0.7;
   font-weight: normal;
}

/* ============================================
   10. DISABLED STATE
   ============================================ */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: 0.35;
   background-image: none;
}

/* ============================================
   11. ICON SPRITE COLOR OVERRIDES

   Overrides base 1.14.1 gray icons with original
   1.8.11 blue-tinted icon sprites.

   These PNGs already exist in Content/images/
   (carried over from the original 1.8.11 theme).
   ============================================ */

/* Content area icons — blue #469bdd */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }

/* Header icons — light blue #d8e7f3 */
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }

/* Default state icons — blue #6da8d5 */
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }

/* Hover & Focus state icons — #217bc0 */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }

/* Active state icons — gold #f9bd01 */
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }

/* Highlight state icons — blue #2e83ff */
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }

/* Error state icons — red #cd0a0a */
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* ============================================
   12. DIALOG
   ============================================ */
.ui-dialog .ui-dialog-titlebar {
   background: #9cb2ce;
   border-color: #4297d7;
   color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close {
   border-color: #c5dbec;
   background-color: #dfeffc;
}

   .ui-dialog .ui-dialog-titlebar-close:hover {
      border-color: #79b7e7;
      background-color: #d0e5f5;
   }

/* ============================================
   13. DATEPICKER
   ============================================ */
.ui-datepicker .ui-datepicker-header {
   background: #9cb2ce;
   border-color: #4297d7;
   color: #ffffff;
}

.ui-datepicker td a.ui-state-default {
   background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
   border: 1px solid #c5dbec;
   color: #2e6e9e;
}

.ui-datepicker td a.ui-state-hover {
   background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
   border: 1px solid #79b7e7;
   color: #1d5987;
}

.ui-datepicker td a.ui-state-active {
   background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
   border: 1px solid #79b7e7;
   color: #e17009;
}

.ui-datepicker .ui-datepicker-today a {
   background-color: #fbec88;
   border-color: #fad42e;
   color: #363636;
}

/* ============================================
   14. TABS
   ============================================ */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
   background-color: #f5f8f9;
   color: #e17009;
}

/* ============================================
   15. ACCORDION
   ============================================ */
.ui-accordion .ui-accordion-header {
   background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
   border: 1px solid #c5dbec;
   color: #2e6e9e;
}

   .ui-accordion .ui-accordion-header:hover {
      background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
      border: 1px solid #79b7e7;
      color: #1d5987;
   }

.ui-accordion .ui-accordion-header-active {
   background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
   border: 1px solid #79b7e7;
   color: #e17009;
}

/* ============================================
   16. PROGRESSBAR
   ============================================ */
.ui-progressbar .ui-progressbar-value {
   background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
   border: 1px solid #c5dbec;
}

/* ============================================
   17. SELECTMENU (New in 1.14.x)
   ============================================ */
.ui-selectmenu-button.ui-button {
   border: 1px solid #c5dbec;
   background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
   color: #2e6e9e;
}

   .ui-selectmenu-button.ui-button:hover {
      border: 1px solid #79b7e7;
      background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
      color: #1d5987;
   }

/* ============================================
   18. TOOLTIP (New in 1.14.x)
   ============================================ */
.ui-tooltip {
   background-color: #fcfdfd;
   border-color: #a6c9e2;
   color: #222222;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* ============================================
   19. CHECKBOXRADIO (New in 1.14.x)
   ============================================ */
.ui-checkboxradio-label.ui-state-active {
   background-color: #f5f8f9;
   border-color: #79b7e7;
   color: #e17009;
}

/* ============================================
   20. CONTROLGROUP (New in 1.14.x)
   ============================================ */
.ui-controlgroup > .ui-controlgroup-item {
   border-color: #c5dbec;
}

/* ============================================
   21. OVERLAY / SHADOW
   ============================================ */
.ui-widget-overlay {
   background-color: #aaaaaa;
   opacity: 0.3;
}

.ui-widget-shadow {
   box-shadow: -8px -8px 8px rgba(0, 0, 0, 0.18);
}