/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url(chrome://calendar-common/skin/calendar-unifinder.css);

#bottom-events-box {
    -moz-border-start: 1px solid ThreeDShadow;
}

.unifinder-closebutton {
    -moz-appearance: none;
    border: none;
    padding: 2px;
    background: transparent;
}

@media (-moz-os-version: windows-xp) {
  #unifinder-searchBox {
      background-color: transparent;
  }
}

@media not all and (-moz-os-version: windows-xp) {
  #unifinder-search-field,
  #unifinder-task-edit-field {
    -moz-appearance: none;
    background-clip: padding-box;
    border: 1px solid ThreeDDarkShadow;
  }

  @media (-moz-windows-default-theme) {
    #unifinder-searchBox {
      background-color: #f8f8f8;
    }
  }
}

@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
       (-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
  #unifinder-search-field,
  #unifinder-task-edit-field {
    border-radius: 2px;
    border-color: hsla(210, 54%, 20%, .25) hsla(210, 54%, 20%, .27)
                  hsla(210, 54%, 20%, .3);
    box-shadow: 0 1px hsla(0, 0%, 0%, .01) inset,
                0 1px hsla(0, 0%, 100%, .1);
  }

  #unifinder-search-field:not([focused]):hover,
  #unifinder-task-edit-field:not([focused]):hover {
    border-color: hsla(210, 54%, 20%, .35) hsla(210, 54%, 20%, .37)
                  hsla(210, 54%, 20%, .4);
  }

  #unifinder-search-field[focused],
  #unifinder-task-edit-field[focused] {
    border-color: hsla(206, 100%, 60%, .65) hsla(206, 100%, 55%, .65)
                  hsla(206, 100%, 50%, .65);
  }
}

@media (-moz-windows-default-theme) and (-moz-os-version: windows-win8),
       (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
  #unifinder-search-field:not(:-moz-lwtheme),
  #unifinder-task-edit-field:not(:-moz-lwtheme) {
    background-color: hsla(0, 0%, 100%, .9);
    border: 1px solid transparent;
    border-color: hsla(210, 54%, 20%, .25) hsla(210, 54%, 20%, .27)
                  hsla(210, 54%, 20%, .3);
    box-shadow: 0 1px 0 hsla(0, 0%, 0%, .01) inset,
                0 1px 0 hsla(0, 0%, 100%, .1);
    transition-property: border-color, background-color;
    transition-duration: 200ms;
  }

  #unifinder-search-field:not(:-moz-lwtheme)[focused],
  #unifinder-task-edit-field:not(:-moz-lwtheme)[focused] {
    background-color: hsla(0, 0%, 100%, 1);
    border-color: #4595e5;
  }
}

@media (-moz-os-version: windows-win8),
       (-moz-os-version: windows-win10) {
  .unifinder-closebutton {
    -moz-image-region: rect(0 20px 20px 0);
  }

  .unifinder-closebutton:hover {
    -moz-image-region: rect(0 40px 20px 20px);
  }

  .unifinder-closebutton:hover:active {
    -moz-image-region: rect(0 60px 20px 40px);
  }
}
