/*
# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
# ***** BEGIN LICENSE BLOCK *****
# Version: MPL 1.1/GPL 2.0/LGPL 2.1
#
# The contents of this file are subject to the Mozilla Public License Version
# 1.1 (the "License"); you may not use this file except in compliance with
# the License. You may obtain a copy of the License at
# http://www.mozilla.org/MPL/
#
# Software distributed under the License is distributed on an "AS IS" basis,
# WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
# for the specific language governing rights and limitations under the
# License.
#
# The Original Code is OEone Calendar Code, released October 31st, 2001.
#
# The Initial Developer of the Original Code is
# OEone Corporation.
# Portions created by the Initial Developer are Copyright (C) 2001
# the Initial Developer. All Rights Reserved.
#
# Contributor(s): Garth Smedley <garths@oeone.com>
#                 Mike Potter <mikep@oeone.com>
#                 Karl Guertin <grayrest@grayrest.com>
#                 Colin Phillips <colinp@oeone.com>
#                 ArentJan Banck <ajbanck@planet.nl>
#                 Eric Belhaire <belhaire@ief.u-psud.fr>
#                 Mark Swaffer <swaff@fudo.org>
#                 Christopher Cook <tangent@intraplanar.net>
#                 Kevin Gerich <webmail@kmgerich.com>
#                 Matthew Willis <mattwillis@gmail.com>
#
# Alternatively, the contents of this file may be used under the terms of
# either the GNU General Public License Version 2 or later (the "GPL"), or
# the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
# in which case the provisions of the GPL or the LGPL are applicable instead
# of those above. If you wish to allow use of your version of this file only
# under the terms of either the GPL or the LGPL, and not to allow others to
# use your version of this file under the terms of the MPL, indicate your
# decision by deleting the provisions above and replace them with the notice
# and other provisions required by the GPL or the LGPL. If you do not delete
# the provisions above, a recipient may use your version of this file under
# the terms of any one of the MPL, the GPL or the LGPL.
#
# ***** END LICENSE BLOCK *****
*/


/*--------------------------------------------------------------------
 *   MAIN view deck - contains nav buttons and views
 *-------------------------------------------------------------------*/
#view-deck {
  background: #FFFFFF;
  padding: 0px;
}

/*--------------------------------------------------------------------
 *   Primary toolbar buttons
 *-------------------------------------------------------------------*/

.toolbarbutton-1 {
    -moz-box-orient: vertical;
    min-width: 0px;
    list-style-image: url("chrome://calendar/skin/toolbar-large.png");
}

/*--------------------------------------------------------------------
 *   Primary toolbar buttons - small
 *-------------------------------------------------------------------*/

toolbar[iconsize="small"] .toolbarbutton-1 {
    -moz-box-orient: vertical;
    min-width: 0px;
    list-style-image: url("chrome://calendar/skin/toolbar-small.png");
}

/*--------------------------------------------------------------------
 *   new event button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   new event button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   edit event button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   edit event button - small
 *-------------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------------
 *   delete event button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Go To Today button
 *-------------------------------------------------------------------*/

#calendar-go-to-today-button {
        -moz-image-region: rect(0px 408px 24px 384px);
}
#calendar-go-to-today-button[disabled="true"],
#calendar-go-to-today-button[disabled="true"]:hover,
#calendar-go-to-today-button[disabled="true"]:hover:active {
        -moz-image-region: rect(48px 408px 72px 384px);
}
#calendar-go-to-today-button:hover {
        -moz-image-region: rect(24px 408px 48px 384px);
}

/*--------------------------------------------------------------------
 *   Go To Today button - small
 *-------------------------------------------------------------------*/

toolbar[iconsize="small"] #calendar-go-to-today-button {
        -moz-image-region: rect(0px 272px 16px 256px);
}
toolbar[iconsize="small"] #calendar-go-to-today-button[disabled="true"],
toolbar[iconsize="small"] #calendar-go-to-today-button[disabled="true"]:hover,
toolbar[iconsize="small"] #calendar-go-to-today-button[disabled="true"]:hover:active {
        -moz-image-region: rect(32px 272px 48px 256px);
}
toolbar[iconsize="small"] #calendar-go-to-today-button:hover {
        -moz-image-region: rect(16px 272px 32px 256px);
}

/*--------------------------------------------------------------------
 *   Choose date button
 *-------------------------------------------------------------------*/

#calendar-choose-date-button {
        -moz-image-region: rect(0px 432px 24px 408px);
}
#calendar-choose-date-button[disabled="true"],
#calendar-choose-date-button[disabled="true"]:hover,
#calendar-choose-date-button[disabled="true"]:hover:active {
        -moz-image-region: rect(48px 432px 72px 408px);
}
#calendar-choose-date-button:hover {
        -moz-image-region: rect(24px 432px 48px 408px);
}

/*--------------------------------------------------------------------
 *   Choose date button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Multiweek view button
 *-------------------------------------------------------------------*/
#calendar-multiweek-view-button {
    -moz-image-region: rect(0px 144px 24px 120px);
}
#calendar-multiweek-view-button:hover {
    -moz-image-region: rect(24px 144px 48px 120px);
}
#calendar-multiweek-view-button:hover:active,
#calendar-multiweek-view-button[checked="true"],
#calendar-multiweek-view-button[checked="true"]:hover {
    -moz-image-region: rect(72px 144px 96px 120px);
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
    color: ButtonText;
}

/*--------------------------------------------------------------------
 *   Multiweek view button - small
 *-------------------------------------------------------------------*/
toolbar[iconsize="small"] #calendar-multiweek-view-button {
    -moz-image-region: rect(0px 96px 16px 80px);
}
toolbar[iconsize="small"] #calendar-multiweek-view-button:hover {
    -moz-image-region: rect(16px 96px 32px 80px);
}
toolbar[iconsize="small"] #calendar-multiweek-view-button:hover:active,
toolbar[iconsize="small"] #calendar-multiweek-view-button[checked="true"],
toolbar[iconsize="small"] #calendar-multiweek-view-button[checked="true"]:hover {
    -moz-image-region: rect(48px 96px 64px 80px);
}

/*--------------------------------------------------------------------
 *   Month view button
 *-------------------------------------------------------------------*/

#calendar-month-view-button {
    -moz-image-region: rect(0px 168px 24px 144px);
}
#calendar-month-view-button:hover {
    -moz-image-region: rect(24px 168px 48px 144px);
}
#calendar-month-view-button:hover:active,
#calendar-month-view-button[checked="true"],
#calendar-month-view-button[checked="true"]:hover {
    -moz-image-region: rect(72px 168px 96px 144px);
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
    color: ButtonText;
}

/*--------------------------------------------------------------------
 *   Month view button - small
 *-------------------------------------------------------------------*/

toolbar[iconsize="small"] #calendar-month-view-button {
    -moz-image-region: rect(0px 112px 16px 96px);
}
toolbar[iconsize="small"] #calendar-month-view-button:hover {
    -moz-image-region: rect(16px 112px 32px 96px);
}
toolbar[iconsize="small"] #calendar-month-view-button:hover:active,
toolbar[iconsize="small"] #calendar-month-view-button[checked="true"],
toolbar[iconsize="small"] #calendar-month-view-button[checked="true"]:hover {
    -moz-image-region: rect(48px 112px 64px 96px);
}

/*--------------------------------------------------------------------
 *   Week view button
 *-------------------------------------------------------------------*/

#calendar-week-view-button {
    -moz-image-region: rect(0px 120px 24px 96px);
}
#calendar-week-view-button:hover {
    -moz-image-region: rect(24px 120px 48px 96px);
}
#calendar-week-view-button:hover:active,
#calendar-week-view-button[checked="true"],
#calendar-week-view-button[checked="true"]:hover {
    -moz-image-region: rect(72px 120px 96px 96px);
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
    color: ButtonText;
}

/*--------------------------------------------------------------------
 *   Week view button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Day view button
 *-------------------------------------------------------------------*/

#calendar-day-view-button {
    -moz-image-region: rect(0px 96px 24px 72px);
}
#calendar-day-view-button:hover {
    -moz-image-region: rect(24px 96px 48px 72px);
}
#calendar-day-view-button:hover:active,
#calendar-day-view-button[checked="true"],
#calendar-day-view-button[checked="true"]:hover {
    -moz-image-region: rect(72px 96px 96px 72px);
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
    color: ButtonText;
}

/*--------------------------------------------------------------------
 *   Day view button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Cut button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Cut button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Copy button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Copy button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Paste button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Paste button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Import button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Import button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Export button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Export button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Subscribe button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Subscribe button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Publish button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Publish button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Local Reload button
 *-------------------------------------------------------------------*/

/*#calendar-local-reload-button {
        -moz-image-region: rect(0px 456px 24px 432px);
}
#calendar-local-reload[disabled="true"],
#calendar-local-reload[disabled="true"]:hover,
#calendar-local-reload[disabled="true"]:hover:active {
        -moz-image-region: rect(48px 456px 72px 432px);
}
#calendar-local-reload:hover {
        -moz-image-region: rect(24px 456px 48px 432px);
}*/

/*--------------------------------------------------------------------
 *   Local Reload button - small
 *-------------------------------------------------------------------*/

/*toolbar[iconsize="small"] #calendar-local-reload {
        -moz-image-region: rect(0px 304px 16px 288px);
}
toolbar[iconsize="small"] #calendar-local-reload[disabled="true"],
toolbar[iconsize="small"] #calendar-local-reload[disabled="true"]:hover,
toolbar[iconsize="small"] #calendar-local-reload[disabled="true"]:hover:active {
        -moz-image-region: rect(32px 304px 48px 288px);
}
toolbar[iconsize="small"] #calendar-local-reload:hover {
        -moz-image-region: rect(16px 304px 32px 288px);
}*/

/*--------------------------------------------------------------------
 *   Remote Reload button
 *-------------------------------------------------------------------*/

#calendar-remote-reload-button {
        -moz-image-region: rect(0px 480px 24px 456px);
}
#calendar-remote-reload-button[disabled="true"],
#calendar-remote-reload-button[disabled="true"]:hover,
#calendar-remote-reload-button[disabled="true"]:hover:active {
        -moz-image-region: rect(48px 480px 72px 456px);
}
#calendar-remote-reload-button:hover {
        -moz-image-region: rect(24px 480px 48px 456px);
}

/*--------------------------------------------------------------------
 *   Remote Reload button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Print button
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Print button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   New Task button
 *-------------------------------------------------------------------*/

#calendar-new-task-button {
        -moz-image-region: rect(0px 384px 24px 360px);
}
#calendar-new-task-button[disabled="true"],
#calendar-new-task-button[disabled="true"]:hover,
#calendar-new-task-button[disabled="true"]:hover:active {
        -moz-image-region: rect(48px 384px 72px 360px);
}
#calendar-new-task-button:hover {
        -moz-image-region: rect(24px 384px 48px 360px);
}

/*--------------------------------------------------------------------
 *   New Task button - small
 *-------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
 *   Throbber button
 *-------------------------------------------------------------------*/

/* "Chasing dots" throbber */
#navigator-throbber {
  -moz-appearance: none;
  -moz-user-focus: ignore;
  margin: 0 !important;
  border: none !important;
  padding: 0px !important;
  min-width: 0;
  background-color: transparent;
  list-style-image: url('chrome://calendar/skin/Throbber.png');
}

#navigator-throbber[busy="true"] {
  list-style-image: url('chrome://calendar/skin/Throbber.gif');
  opacity: 0.5;
}

toolbar[iconsize="small"] #navigator-throbber {
  list-style-image: url('chrome://global/skin/throbber/Throbber-small.png');
}

toolbar[iconsize="small"] #navigator-throbber[busy="true"] {
  list-style-image: url('chrome://global/skin/throbber/Throbber-small.gif');
}

/* UNIFINDER */

.calendar-unifinder-event-indent
{
      padding-left        : 30px;
}

.unifinder-treecell-box-class
{
   padding              : 2px;
   padding-left         : 4px;
   font-family          : Arial, Helvetica;
   -moz-box-align       : start;
}


/* TO DO ITEMS */

treechildren::-moz-tree-cell-text(inprogress)
{
   color                 : green;
}

treechildren::-moz-tree-row(inprogress,selected)
{
   background-color                 : green;
}

treechildren::-moz-tree-cell-text(overdue)
{
   color                  : red;
}

treechildren::-moz-tree-row(overdue,selected)
{
   background-color                  : red;
}

treechildren::-moz-tree-row
{
   border-bottom             : 1px dotted #AAA;
}

treechildren::-moz-tree-cell-text(duetoday)
{
   color                  : blue;
}

treechildren::-moz-tree-row(duetoday,selected)
{
   background-color                  : blue;
}

treechildren::-moz-tree-cell-text(future)
{
   color                  : gray;
}

treechildren::-moz-tree-row(future,selected)
{
   background-color                  : gray;
}

treechildren::-moz-tree-cell-text(completed)
{
   text-decoration        : line-through;
   color                  : black;
}


/* TO DO LIST IMAGES */

treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, completed),
#unifinder-todo-tree-col-completed {
   list-style-image      : url("chrome://calendar/skin/unifinder/checkbox_checked.png");
}

treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, duetoday),
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, overdue),
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, future),
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, inprogress) {
   list-style-image      : url("chrome://calendar/skin/unifinder/checkbox_unchecked.png");
}

#unifinder-todo-tree-col-priority {
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_header.png" )
}

treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, mediumpriority) {
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_header.png" )
}

treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, highpriority) {
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_high.png" )
}

treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, lowpriority) {
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_low.png" )
}

treechildren::-moz-tree-cell-text(selected) {
   color                  : HighlightText;
}

.calendar-list-item-class[synching="true"]
{
   list-style-image     : url( "chrome://calendar/skin/synch_animated.gif" );
}

listitem[selected="true"] > .calendar-list-item-class
{
  background-color     : White;
  color                : Black;
}

.todo-due-image-class
{
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_header.png" )
}

.todo-due-image-class[highpriority="true"]
{
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_high.png" )
}

.todo-due-image-class[lowpriority="true"]
{
   list-style-image      : url( "chrome://calendar/skin/unifinder/priority_low.png" )
}
/*--------------------------------------------------------------------
 * Unifinder
 *-------------------------------------------------------------------*/
/* workaround to avoid Window Flick */
#unifinder-search-results-listbox
{
   min-height : 76px ;
}

/*--------------------------------------------------------------------
 * tooltips
 *-------------------------------------------------------------------*/
label.tooltipHeaderLabel
{
  font-weight : bold;
  text-align  : right;
}

description.tooltipHeaderDescription
{
  font-weight : normal;
  text-align  : left;
  white-space : normal;
}

description.tooltipBody
{
  font-weight : normal;
  white-space : normal;
}

/*--------------------------------------------------------------------
 * print preview
 *-------------------------------------------------------------------*/
toolbar[printpreview="true"] {
  -moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar");
}

/*--------------------------------------------------------------------
 * View controls
 *-------------------------------------------------------------------*/

calendar-navigation-buttons { 
  padding: 0px 0px 2px 0px;
}

.title-label-box button {
  background-color: transparent;
  /* Override button min-width so views can be narrow on narrow screen. */
  min-width: 1px;
  /* Allow overflow, so long localized month names don't prevent narrow view */
  overflow-x: hidden;
}

.nav-buttons{
    list-style-image: url("chrome://calendar/skin/prevnextarrow.png");
}

.nav-buttons[direction="next"] {
    -moz-box-align:end;
    -moz-image-region: rect(18px 18px 36px 0px);
    cursor:pointer;
}

.next-button:hover:active {
    margin: 6px 14px 4px 16px;
}

.nav-buttons[direction="prev"] {
    -moz-box-align:start;
    -moz-image-region: rect(0px 18px 18px 0px);
    cursor:pointer;
}

.prev-button:hover:active {
    margin: 6px 14px 4px 16px;
}

.title-container {
    -moz-box-align: center;
    -moz-box-pack: center;
    margin: 0px 15px 0px 15px;
}

.title2 {
    font-size:1.2em;
    color: #4e84c2;
    margin:0px;
    padding:0px;
    cursor:pointer;
    -moz-appearance: none;
    border: 0px;
}

.title1 {
    font-size:1.5em;
    color: #4e84c2;
    cursor:pointer;
    -moz-appearance: none;
    border: 0px;
}

.title0 {
    font-size:2.0em;
    color: #2e4e73;
    font-weight:bold;
    margin:0px;
    padding:0px;
    -moz-appearance: none;
    border: 0px;
}

.view-title-label-box
{
    width: 10em !important;
    -moz-box-align: center;
    -moz-box-pack: end;
}

