/*
!! WHENEVER REGENERATING THE THEME, BE SURE TO DO THE FOLLOWING FOR BUTTONS !!
      * Follow the URL contained in the main theme style sheet.
      * Download new theme.
      * Replace  'url(images/'  WITH  'url(../../img/'  in the generated style sheet.
      * Overwrite the old main theme style sheet with the newly generated style sheet.
      * Overwrite the old jQuery theme images with the new ones.
      * Copy the ENTIRE section of "Interaction states" and paste it here (or else background image
        override won't work properly!)
      * Replace the normal state (.ui-state-default) background image with "nav-bg.gif" (should be
        the first declaration).
*/

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #000000; background: #000000; font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.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 #999999; background: #dadada; font-weight: bold; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: bold; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }



/*
!! WHENEVER REGENERATING THE THEME, BE SURE TO DO THE FOLLOWING FOR MAIN PROGRESS BAR ON PAGE upload_songs !!
      * Follow the URL contained in the main theme style sheet (or the one below in this comment).
      * Edit the following components of the theme roller:
          * "Header/Toolbar" for Progressbar progress portion.
          * "Content" for Progressbar empty portion.
      * Download new theme.
      * Replace  'url(images/'  WITH  'url(../../img/'  in the generated style sheet.
      * Copy theme URL (found instead of the generated CSS file) and paste it here:  http://jqueryui.com/themeroller/?ctl=themeroller&ctl=themeroller&ffDefault=Arial,%20Helvetica,%20sans-serif&fwDefault=bold&fsDefault=16px&cornerRadius=10px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=07_diagonals_small.png&bgImgOpacityContent=75&borderColorContent=e5e8e3&fcContent=000000&iconColorContent=222222&bgColorDefault=000000&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=000000&fcDefault=ffffff&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=75&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
      * Copy the new jQuery theme images but DON'T OVERWRITE ANY OLD ONES.
      * From the "Component containers" section, copy the following declarations and paste them here, making
        them dependent upon the #VideoProgressBar object.  Take careful note of which is a class and which
        is a child class!
          * ".ui-widget-content" becomes class "#VideoProgressBar.ui-widget-content"
          * ".ui-widget-header" becomes child class "#VideoProgressBar .ui-widget-header"
*/

/* Component containers
----------------------------------*/
#VideoProgressBar.ui-widget-content { border: 1px solid #006600; background: #e6e6e6 url(../../img/ui-bg_flat_75_e6e6e6_40x100.png) 50% 50% repeat-x; color: #000000; }
#VideoProgressBar .ui-widget-header { border: 1px solid #006600; background: #99ff99 url(../../img/ui-bg_highlight-soft_75_99ff99_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }

/* Default styles for ui-dialog buttons are crazy. Way too much padding/margins. */
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0px;
}
.ui-dialog .ui-dialog-buttonpane button {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}