/* 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/. */

/*--------------------------------------------------------------------
 *   Event dialog keep duration button
 *-------------------------------------------------------------------*/

#keepduration-button {
    min-width: 21px;
}

#timezone-endtime {
    -moz-margin-start: 16px;
}

/*--------------------------------------------------------------------
 *   Event dialog toolbar buttons
 *-------------------------------------------------------------------*/

.cal-event-toolbarbutton {
    list-style-image: url("chrome://calendar/skin/calendar-event-dialog-toolbar.png") !important;
}

/*--------------------------------------------------------------------
 *   Event dialog toolbar buttons - small
 *-------------------------------------------------------------------*/

toolbar[iconsize="small"] .cal-event-toolbarbutton {
    list-style-image: url("chrome://calendar/skin/calendar-event-dialog-toolbar-small.png") !important;
}

/*--------------------------------------------------------------------
 *   invite attendees button
 *-------------------------------------------------------------------*/

#button-attendees {
    -moz-image-region: rect(0px 48px 24px 24px);
}
#button-attendees[disabled="true"],
#button-attendees[disabled="true"]:hover {
    -moz-image-region: rect(48px 48px 72px 24px);
}
#button-attendees:hover {
    -moz-image-region: rect(24px 48px 48px 24px);
}

toolbar[iconsize="small"] #button-attendees {
    -moz-image-region: rect(0px 32px 16px 16px);
}
toolbar[iconsize="small"] #button-attendees[disabled="true"],
toolbar[iconsize="small"] #button-attendees[disabled="true"]:hover {
    -moz-image-region: rect(32px 32px 48px 16px);
}
toolbar[iconsize="small"] #button-attendees:hover {
    -moz-image-region: rect(16px 32px 32px 16px);
}

/*--------------------------------------------------------------------
 *   documents button
 *-------------------------------------------------------------------*/

#button-url {
    -moz-image-region: rect(0px 96px 24px 72px);
}
#button-url[disabled="true"],
#button-url[disabled="true"]:hover {
    -moz-image-region: rect(48px 96px 72px 72px);
}
#button-url:hover {
    -moz-image-region: rect(24px 96px 48px 72px);
}

toolbar[iconsize="small"] #button-url {
    -moz-image-region: rect(0px 64px 16px 48px);
}
toolbar[iconsize="small"] #button-url[disabled="true"],
toolbar[iconsize="small"] #button-url[disabled="true"]:hover {
    -moz-image-region: rect(32px 64px 48px 48px);
}
toolbar[iconsize="small"] #button-url:hover {
    -moz-image-region: rect(16px 64px 32px 48px);
}

/*--------------------------------------------------------------------
 *   privacy button
 *-------------------------------------------------------------------*/

#button-privacy {
    -moz-image-region: rect(0px 120px 24px 96px);
}
#button-privacy[disabled="true"],
#button-privacy[disabled="true"]:hover {
    -moz-image-region: rect(48px 120px 72px 96px);
}
#button-privacy:hover {
    -moz-image-region: rect(24px 120px 48px 96px);
}

toolbar[iconsize="small"] #button-privacy {
    -moz-image-region: rect(0px 80px 16px 64px);
}
toolbar[iconsize="small"] #button-privacy[disabled="true"],
toolbar[iconsize="small"] #button-privacy[disabled="true"]:hover {
    -moz-image-region: rect(32px 80px 48px 64px);
}
toolbar[iconsize="small"] #button-privacy:hover {
    -moz-image-region: rect(16px 80px 32px 64px);
}

/*--------------------------------------------------------------------
 *   save button
 *-------------------------------------------------------------------*/

#button-save {
    -moz-image-region: rect(0px 144px 24px 120px);
}
#button-save[disabled="true"],
#button-save[disabled="true"]:hover {
    -moz-image-region: rect(48px 144px 72px 120px);
}
#button-save:hover {
    -moz-image-region: rect(24px 144px 48px 120px);
}

toolbar[iconsize="small"] #button-save {
    -moz-image-region: rect(0px 96px 16px 80px);
}
toolbar[iconsize="small"] #button-save[disabled="true"],
toolbar[iconsize="small"] #button-save[disabled="true"]:hover {
    -moz-image-region: rect(32px 96px 48px 80px);
}
toolbar[iconsize="small"] #button-save:hover {
    -moz-image-region: rect(16px 96px 32px 80px);
}

/*--------------------------------------------------------------------
 *   delete button
 *-------------------------------------------------------------------*/

#button-delete.cal-event-toolbarbutton {
    list-style-image: url("chrome://calendar/skin/calendar-event-dialog-toolbar.png");
    -moz-image-region: rect(0px 408px 24px 384px);
}
#button-delete.cal-event-toolbarbutton[disabled="true"],
#button-delete.cal-event-toolbarbutton[disabled="true"]:hover {
    -moz-image-region: rect(48px 408px 72px 384px);
}
#button-delete.cal-event-toolbarbutton:hover,
#button-delete.cal-event-toolbarbutton:hover:active {
    -moz-image-region: rect(24px 408px 48px 384px);
}

toolbar[iconsize="small"] #button-delete.cal-event-toolbarbutton {
    list-style-image: url("chrome://calendar/skin/calendar-event-dialog-toolbar-small.png");
    -moz-image-region: rect(0px 272px 16px 256px);
}
toolbar[iconsize="small"] #button-delete.cal-event-toolbarbutton[disabled="true"],
toolbar[iconsize="small"] #button-delete.cal-event-toolbarbutton[disabled="true"]:hover {
    -moz-image-region: rect(32px 272px 48px 256px);
}
toolbar[iconsize="small"] #button-delete.cal-event-toolbarbutton:hover,
toolbar[iconsize="small"] #button-delete.cal-event-toolbarbutton:hover:active {
    -moz-image-region: rect(16px 272px 32px 256px);
}

/*--------------------------------------------------------------------
 *   priority button
 *-------------------------------------------------------------------*/

#button-priority {
    -moz-image-region: rect(0px 600px 24px 576px);
}
#button-priority[disabled="true"],
#button-priority[disabled="true"]:hover {
    -moz-image-region: rect(48px 600px 72px 576px);
}
#button-priority:hover {
    -moz-image-region: rect(24px 600px 48px 576px);
}

toolbar[iconsize="small"] #button-priority {
    -moz-image-region: rect(0px 400px 16px 384px);
}
toolbar[iconsize="small"] #button-priority[disabled="true"],
toolbar[iconsize="small"] #button-priority[disabled="true"]:hover {
    -moz-image-region: rect(32px 400px 48px 384px);
}
toolbar[iconsize="small"] #button-priority:hover {
    -moz-image-region: rect(16px 400px 32px 384px);
}

/*--------------------------------------------------------------------
 *   status button
 *-------------------------------------------------------------------*/

#button-status {
    -moz-image-region: rect(0px 624px 24px 600px);
}
#button-status[disabled="true"],
#button-status[disabled="true"]:hover {
    -moz-image-region: rect(48px 624px 72px 600px);
}
#button-status:hover {
    -moz-image-region: rect(24px 624px 48px 600px);
}

toolbar[iconsize="small"] #button-status {
    -moz-image-region: rect(0px 416px 16px 400px);
}
toolbar[iconsize="small"] #button-status[disabled="true"],
toolbar[iconsize="small"] #button-status[disabled="true"]:hover {
    -moz-image-region: rect(32px 416px 48px 400px);
}
toolbar[iconsize="small"] #button-status:hover {
    -moz-image-region: rect(16px 416px 32px 400px);
}

/*--------------------------------------------------------------------
 *   Show Time As button
 *-------------------------------------------------------------------*/

#button-freebusy {
    -moz-image-region: rect(0px 648px 24px 624px);
}
#button-freebusy[disabled="true"],
#button-freebusy[disabled="true"]:hover {
    -moz-image-region: rect(48px 648px 72px 624px);
}
#button-freebusy:hover {
    -moz-image-region: rect(24px 648px 48px 624px);
}

toolbar[iconsize="small"] #button-freebusy {
    -moz-image-region: rect(0px 432px 16px 416px);
}
toolbar[iconsize="small"] #button-freebusy[disabled="true"],
toolbar[iconsize="small"] #button-freebusy[disabled="true"]:hover {
    -moz-image-region: rect(32px 432px 48px 416px);
}
toolbar[iconsize="small"] #button-freebusy:hover {
    -moz-image-region: rect(16px 432px 32px 416px);
}

/*--------------------------------------------------------------------
 *   timezones button
 *-------------------------------------------------------------------*/

#button-timezones {
    -moz-image-region: rect(0px 672px 24px 648px);
}
#button-timezones[disabled="true"],
#button-timezones[disabled="true"]:hover {
    -moz-image-region: rect(48px 672px 72px 648px);
}
#button-timezones:hover {
    -moz-image-region: rect(24px 672px 48px 648px);
}

toolbar[iconsize="small"] #button-timezones {
    -moz-image-region: rect(0px 448px 16px 432px);
}
toolbar[iconsize="small"] #button-timezones[disabled="true"],
toolbar[iconsize="small"] #button-timezones[disabled="true"]:hover {
    -moz-image-region: rect(32px 448px 48px 432px);
}
toolbar[iconsize="small"] #button-timezones:hover {
    -moz-image-region: rect(16px 448px 32px 432px);
}
