/* ***** 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): 
 *
 * 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 ***** */

/*--------------------------------------------------------------------
 *   Datepicker (text field with minimonth popup)
 *-------------------------------------------------------------------*/
 
/* flex box around menulist */
.datepicker-box-class {
}
 
/* menulist */
.datepicker-text-class {
  width: 11em;
}

/* text input field */
.datepicker-text-class input {
}

/*-------------------------------------------------------------------
 *   Timepicker (text menulist with popup)
 *-------------------------------------------------------------------*/

.timepicker-box-class {
}

.timepicker-text-class {
  width: 8em;
}

/*-------------------------------------------------------------------
 *   popup (from timepicker/timepicker.css)
 *-------------------------------------------------------------------*/

/* Box that occupies whole window */

vbox[anonid="time-picker-grids"] {
  background-color : #ffffff;
  font-size        : 8pt;
  margin-bottom    : 1px;
  -moz-margin-end     : 1px;
}

/* Grid for hours */

grid[anonid="time-picker-hour-grid"] {
  background-color : -moz-Dialog;
  color            : -moz-DialogText;
  border-top       : 1px solid -moz-DialogText; 
  border-left      : 1px solid -moz-DialogText; 
  margin-top       : 1px;
}

/* Box in each cell of the grid for hours */

.time-picker-hour-box-class {
  -moz-box-align : center;
  border-right   : 1px solid ThreeDShadow; 
  border-bottom  : 1px solid ThreeDShadow; 
}

.time-picker-hour-box-class:hover {
  background-color : InactiveCaption;
  color            : InactiveCaptionText;
  cursor           : pointer;
}

/* selected hour box */

.time-picker-hour-box-class[selected="true"] {
  background-color : Highlight;
  color            : HighlightText;
}

.time-picker-hour-box-class[selected="true"]:hover {
  background-color : Highlight;
  color            : HighlightText;
}

/* label inside each minute/hour */

.time-picker-minute-label {
  text-align : center;
}

.time-picker-hour-label {
  text-align : center;
}

.time-picker-minute-label:hover {
  cursor : pointer !important;
}

.time-picker-hour-label:hover {
  cursor : pointer !important;
}


.time-picker-minute-box-class {
  -moz-box-align : center;
  border-right   : 1px solid ThreeDShadow; 
  border-bottom  : 1px solid ThreeDShadow; 
}

.time-picker-minute-box-class:hover {
  cursor           : pointer;
  background-color : -moz-Dialog;
  color            : -moz-DialogText;
}

/* box around five minute grid */

vbox[anonid="time-picker-five-minute-grid-box"] {
  min-width   : 195px;
  -moz-margin-start : 1px;
}

/* five minute grid */

grid[anonid="time-picker-five-minute-grid"] {
  margin-top       : 2px;
  -moz-margin-end     : 1px;
  border-top       : 1px solid ThreeDShadow; 
  border-left      : 1px solid ThreeDShadow; 
  border-right     : 1px solid ThreeDShadow; 
  background-color : Window;
  color            : WindowText;
}


/* box in five-minute grid elements */

.time-picker-five-minute-class:hover {
  background-color : InactiveCaption;
  color            : InactiveCaptionText;
  cursor           : pointer;
}

.time-picker-minute-label[selected="true"]:hover {
  background-color : Highlight;
  color            : HighlightText;
  cursor           : pointer;
}


/* selected five-minute grid element box */

.time-picker-five-minute-class[selected="true"] {
  background-color : Highlight;
  color            : HighlightText;
}

/* box around one minute grid */

vbox[anonid="time-picker-one-minute-grid-box"] {
  min-width   : 195px;
  -moz-margin-start : 1px;
}

/* one minute grid */

grid[anonid="time-picker-one-minute-grid"] {
  margin-top       : 2px;
  -moz-margin-end     : 1px;
  border-top       : 1px solid ThreeDShadow;
  border-left      : 1px solid ThreeDShadow;
  border-right     : 1px solid ThreeDShadow;
  background-color : Window;
  color            : WindowText;
}

/* box in one-minute grid elements */

.time-picker-one-minute-class {
  -moz-box-align : center;
}

.time-picker-one-minute-class:hover {
  background-color : InactiveCaption;
  color            : InactiveCaptionText;
  cursor           : pointer;
}

.time-picker-one-minute-class[selected="true"]>label:hover {
  background-color : Highlight !important;
  color            : HighlightText !important;
  cursor           : pointer;
}

/* selected one-minute grid element box */

.time-picker-one-minute-class[selected="true"]{
  background-color : Highlight;
  color            : HighlightText;
}

.time-picker-more-control-label {
  background-color : Highlight;
  color            : HighlightText;
  font-size        : 12pt;
  height           : 12px;
  min-width        : 40px;
  margin           : 0px;
  border           : 1px solid -moz-Dialog; 
  text-align       : center;
}

.time-picker-more-control-label:hover {
  border-top: 1px solid ThreeDHighlight;
  border-left: 1px solid ThreeDHighlight;
  border-right: 1px solid ThreeDShadow;
  border-bottom: 1px solid ThreeDShadow;
}

.time-picker-more-control-label:hover:active {
  border-top: 1px solid ThreeDShadow;
  border-left: 1px solid ThreeDShadow;
  border-right: 1px solid ThreeDHighlight;
  border-bottom: 1px solid ThreeDHighlight;
}

/* line across the bottom of the minute boxes, made to line up with more & less tabs */

.time-picker-minutes-bottom {
  background-color : -moz-Dialog;
  color            : -moz-DialogText;
  border           : 1px solid ThreeDShadow;
  -moz-margin-end     : 1px;
}
