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

#calendar-event-dialog,
#calendar-task-dialog {
    padding: 0px;
}

#yearly-period-of-label,
label.label {
    text-align: right;
}

#item-calendar,
#item-categories,
#item-repeat,
#item-alarm,
.datepicker-text-class {
    min-width: 12em;
}

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

#keepduration-button {
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog.png);
    -moz-image-region: rect(0px 147px 24px 140px);
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-margin-start: -3px;
    margin-bottom: -15px;
    position: relative;
    -moz-user-focus: normal;
}

#keepduration-button[keep="true"] {
    -moz-image-region: rect(0px 139px 24px 132px);
}

#keepduration-button[disabled="true"] {
    -moz-image-region: rect(0px 163px 24px 156px);
}

#keepduration-button[keep="true"][disabled="true"] {
    -moz-image-region: rect(0px 155px 24px 148px);
}

#keepduration-button > label {
    display: none;
}

.keepduration-link-image {
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog.png);
    -moz-margin-start: -1px;
}

#link-image-top {
    -moz-image-region: rect(7px 174px 14px 164px);
    margin-top: 0.6em;
}

#link-image-top[keep="true"]{
    -moz-image-region: rect(0px 174px 7px 164px);
}

#link-image-bottom {
    -moz-image-region: rect(0px 184px 7px 174px);
    margin-bottom: 0.6em;
}

/*--------------------------------------------------------------------
 *   Event dialog statusbar images
 *-------------------------------------------------------------------*/

.cal-statusbar-1 {
    -moz-box-orient: vertical;
    min-width: 0px;
    list-style-image: url("chrome://calendar/skin/calendar-event-dialog.png");
}

/*--------------------------------------------------------------------
 *   privacy "public" image
 *-------------------------------------------------------------------*/

#button-privacy-public {
    -moz-image-region: rect(0px 28px 16px 0px);
}

/*--------------------------------------------------------------------
 *   privacy "private" image
 *-------------------------------------------------------------------*/

#button-privacy-private {
    -moz-image-region: rect(0px 56px 16px 28px);
}

/*--------------------------------------------------------------------
 *   privacy "confidential" image
 *-------------------------------------------------------------------*/

#button-privacy-confidential {
    -moz-image-region: rect(0px 84px 16px 56px);
}

/*--------------------------------------------------------------------
 *   importance "low" image
 *-------------------------------------------------------------------*/

#button-importance-low {
    -moz-image-region: rect(0px 100px 16px 84px);
}

/*--------------------------------------------------------------------
 *   importance "medium" image
 *-------------------------------------------------------------------*/

#button-importance-medium {
    -moz-image-region: rect(0px 116px 16px 100px);
}

/*--------------------------------------------------------------------
 *   importance "high" image
 *-------------------------------------------------------------------*/

#button-importance-high {
    -moz-image-region: rect(0px 132px 16px 116px);
}

/*--------------------------------------------------------------------
 *   Recurrence dialog preview border
 *-------------------------------------------------------------------*/
#preview-border {
    border: none;
    padding: 0px;
}

/*--------------------------------------------------------------------
 *   freebusy
 *-------------------------------------------------------------------*/
#freebusy-container {
    overflow: hidden;
    min-width: 100px;
}

#freebusy-grid {
    min-width: 1px;
}

#calendar-summary-dialog {
    min-width: 35em;
}

listbox[disabled="true"] {
    color: -moz-FieldText;
}

daypicker-weekday {
    margin-top: 2px;
}

daypicker-monthday {
    margin-top: 2px;
}

.headline {
    font-weight: bold;
}

.headline[align=end],
.headline[align=right]{
    text-align: right;
}

.default-spacer {
    width: 1em;
    height: 1em;
}

.default-indent {
    -moz-margin-start: 1.5em;
}

/*--------------------------------------------------------------------
 *   Attendees Dialog
 *-------------------------------------------------------------------*/

.listbox-noborder {
    margin: 0px 0px;
    border-style: none;
}

.selection-bar {
    background-color: #008080;
    opacity: 0.2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.freebusy-container {
    overflow: hidden;
    clip: rect(0px 0px 0px 0px);
}

.freebusy-content {
    overflow: hidden;
    clip: rect(0px 0px 0px 0px);
}

/* -moz-margin-end 1px is needed to take border-right from the grid elements into account */
.freebusy-timebar-title {
    -moz-margin-end: 1px;
}

.freebusy-timebar-hour {
    -moz-margin-end: 1px;
    margin-bottom: 5px;
}

.freebusy-timebar-hour[scheduled="true"] {
    /* the 'sechuled'-attribute is used in the timebar to indicate
     which hours are affected of the currently schedued event.
     since we added the selection-bar this is no longer necessary
     but we keep the possibity to decorate those hours if it should
     become beneficial.
     text-decoration: underline;
   */
}

.freebusy-grid {
    border-right: 1px solid #BDBEC0;
    background-color: #E09EBD;
    color: #E09EBD;
    min-height: 16px;
}

.freebusy-grid[state="busy"] {
    background-color: #153E7E;
    color: #153E7E;
}

.freebusy-grid[state="busy_tentative"] {
    background-color: #1589FF;
    color: #1589FF;
}

.freebusy-grid[state="busy_unavailable"] {
    background-color: #4E387E;
    color: #4E387E;
}

.freebusy-grid[state="free"] {
    background-color: #EBEBE4;
    color: #EBEBE4;
}

#dialog-box {
    padding-top: 8px;
    padding-bottom: 10px;
    -moz-padding-start: 8px;
    -moz-padding-end: 10px;
}

#addressingWidget {
    -moz-user-focus: none;
}

#typecol-addressingWidget {
    min-width: 9em;
    border-right: 1px solid #CACAFF;
}

/* This applies to rows of the attendee-list and the freebusy-grid */
.addressingWidgetItem,
.dummy-row {
    border: none !important;
    background-color: inherit !important;
    color: inherit !important;

    /* we set the minimal height to the height of the
     largest icon [the person-icon in this case] to
     ensure that the rows of the freebusy-grid and
     the attendee-list always have the same height,
     regardless of the font size. */
    min-height: 16px;
}

.addressingWidgetCell {
    border-bottom: 1px solid #CACAFF;
    padding: 0px;
}

.addressingWidgetCell:first-child {
    border-top: none;
}

.dummy-row-cell:first-child {
    border-top: none;
    border-bottom: 1px solid #CACAFF;
}

.person-icon {
    margin: 0 3px;
    list-style-image: url(chrome://calendar/skin/abcard.png);
}

.status-icon {
    margin: 0 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 48px 14px 36px);
}

.status-icon[disabled="true"] {
    -moz-image-region: rect(14px 48px 28px 36px);
}

.status-icon[status="ACCEPTED"] {
    -moz-image-region: rect(0px 12px 14px 0px);
}
.status-icon[status="ACCEPTED"][disabled="true"] {
    -moz-image-region: rect(14px 12px 28px 0px);
}

.status-icon[status="DECLINED"] {
    -moz-image-region: rect(0px 24px 14px 12px);
}
.status-icon[status="DECLINED"][disabled="true"] {
    -moz-image-region: rect(14px 24px 28px 12px);
}

.status-icon[status="NEEDS-ACTION"] {
    -moz-image-region: rect(0px 36px 14px 24px);
}
.status-icon[status="NEEDS-ACTION"][disabled="true"] {
    -moz-image-region: rect(14px 36px 28px 24px);
}

.status-icon[status="TENTATIVE"] {
    -moz-image-region: rect(0px 48px 14px 36px);
}
.status-icon[status="TENTATIVE"][disabled="true"] {
    -moz-image-region: rect(14px 48px 28px 36px);
}

.role-icon {
    margin: 0 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 159px 16px 138px);
}

.role-icon[disabled="true"] {
    -moz-image-region: rect(0px 159px 16px 138px);
}

.role-icon[role="REQ-PARTICIPANT"] {
    -moz-image-region: rect(0px 159px 16px 138px);
}
.role-icon[role="REQ-PARTICIPANT"][disabled="true"] {
    -moz-image-region: rect(0px 159px 16px 138px);
}

.role-icon[role="OPT-PARTICIPANT"] {
    -moz-image-region: rect(0px 180px 16px 159px);
}
.role-icon[role="OPT-PARTICIPANT"][disabled="true"] {
    -moz-image-region: rect(0px 180px 16px 159px);
}

.role-icon[role="CHAIR"] {
    -moz-image-region: rect(0px 201px 16px 180px);
}
.role-icon[role="CHAIR"][disabled="true"] {
    -moz-image-region: rect(0px 201px 16px 180px);
}

.role-icon[role="NON-PARTICIPANT"] {
    -moz-image-region: rect(0px 222px 16px 201px);
}
.role-icon[role="NON-PARTICIPANT"][disabled="true"] {
    -moz-image-region: rect(0px 222px 16px 201px);
}

.zoom-in-icon {
    margin: 3px 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 97px 14px 84px);
}
.zoom-in-icon[disabled="true"] {
    -moz-image-region: rect(14px 97px 28px 84px);
}

.zoom-out-icon {
    margin: 3px 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 110px 14px 97px);
}
.zoom-out-icon[disabled="true"] {
    -moz-image-region: rect(14px 110px 28px 97px);
}

.left-icon {
    margin: 3px 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 124px 14px 110px);
}
.left-icon[disabled="true"] {
    -moz-image-region: rect(14px 124px 28px 110px);
}

.right-icon {
    margin: 3px 3px;
    list-style-image: url(chrome://calendar/skin/calendar-event-dialog-attendees.png);
    -moz-image-region: rect(0px 138px 14px 124px);
}
.right-icon[disabled="true"] {
    -moz-image-region: rect(14px 138px 28px 124px);
}

.legend {
    width: 3em;
    height: 1em;
    border-top: 1px solid #A1A1A1;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #C3C3C3;
}

.legend[status="FREE"] {
    background-color: #EBEBE4;
    color: #EBEBE4;
}

.legend[status="BUSY"] {
    background-color: #153E7E;
    color: #153E7E;
}

.legend[status="BUSY_TENTATIVE"] {
    background-color: #1589FF;
    color: #1589FF;
}

.legend[status="BUSY_UNAVAILABLE"] {
    background-color: #4E387E;
    color: #4E387E;
}

.legend[status="UNKNOWN"] {
    background-color: #E09EBD;
    color: #E09EBD;
}

#content-frame {
    border-left: 1px solid ThreeDDarkShadow;
    border-right: 1px solid ThreeDLightShadow;
    min-width: 10px;
    min-height: 10px;
    height: 400px;
}

.attendees-list-listbox > listboxbody { 
    overflow-y: hidden !important;
}

.selection-bar-left {
    width: 3px;
    cursor: w-resize;
}

.selection-bar-right {
    width: 3px;
    cursor: e-resize;
}

.selection-bar-spacer {
    cursor: -moz-grab;
}

.checkbox-no-label > .checkbox-label-box {
    display: none;
}
