/***************************************************************************
 * Class: calendar
 ***************************************************************************/
.calendar
{
  display        : inline-block;
  position       : relative;
  width          : auto;
}
.calendar_editor.calendar_editor {
  display        : block;
}

/***************************************************************************
 * Class: calendar_select_box
 ***************************************************************************/
.calendar_select_box
{
  margin      : 0.2em 0;
  margin-right: 0 !important; /* Override: .ui-buttonset { margin-right: 7px; } */
  position    : relative;
  width       : auto;
}

.calendar_select_box .label,
.calendar_select_box .menu
{
  margin         : 0;
  padding        : 0;
}

.calendar_select_box .label
{
  position       : relative;
  text-align     : left;
  width          : 95%;
}
.calendar_select_box .menu
{
  position       : absolute;
  right          : 0.3em; /* Offset: .ui-buttonset .ui-button { margin-right: -0.3em; } */
  top            : 0;
}

.calendar_select_box .label .ui-button-text
{
  overflow       : hidden;
  text-overflow  : ellipsis;
  white-space    : nowrap;
}

.calendar_select_box-context_menu
{
  background-color: #fff !important;
  background-image: none !important;
  height          : 150px;
  padding         : 0.5em 1em;
  position        : absolute;
  text-align      : left;
  width           : 200px; /* Note: Script will change this to "auto". */

  -moz-box-shadow      : 3px 3px 20px rgba(0,0,0,0.333);
  -o-box-shadow        : 3px 3px 20px rgba(0,0,0,0.333);
  -webkit-box-shadow   : 3px 3px 20px rgba(0,0,0,0.333);
  box-shadow           : 3px 3px 20px rgba(0,0,0,0.333);

  border-radius        : 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -webkit-border-radius: 5px;
}

.calendar_select_box-context_menu-choices
{
}

/***************************************************************************
 * Class: calendar_month
 ***************************************************************************/
.calendar_month
{
  background-color: #eee;
  border          : 1px solid gray;
  border-collapse : separate;
  border-spacing  : 2px; /* Note: Use <table cellspacing="2"/> (for IE6/7). */
  margin          : 10px;
  padding         : 0; /* 1px - Note: Instead use "border-spacing: 2px;" and */
  width           : 100%;          /* <table cellspacing="2"/> (for IE6/7).  */

  border-radius        : 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -webkit-border-radius: 5px;
}
table.calendar_month {
  table-layout: fixed;
}

.calendar_month thead th a {
  text-decoration : none !important;
}

.calendar_month thead th {
  text-align      : center;
}

.calendar_month .calendar_date
{
  background-color: #fff;
  border          : 1px solid gray;
  min-height      : 100px;
  margin          : 0; /* 1px - Note: Instead use "border-spacing: 2px;" and */
  overflow        : hidden;        /* <table cellspacing="2"/> (for IE6/7).  */
  padding         : 1.4em 4px 2px 4px;
  position        : relative;
  min-width       : 120px;

  border-radius        : 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -webkit-border-radius: 5px;
}

.calendar_month .calendar_date .calendar_day
{
  display         : block;
  padding         : 1px 2px;
  position        : absolute;
  text-align      : right;
  text-decoration : none !important;
  top             : 0;
  right           : 0;
}

.calendar_month .calendar_date:hover {
  background-color: #FFFFCE;
}

.calendar_month .calendar_date.today {
  background-color: #ACB6DC;
}

.calendar_month .calendar_date.adj_month {
  background-color: #D6DBEA;
}

.calendar_month .calendar_entry
{
  cursor         : pointer;
  display        : block;
  height         : 1.3em;
  font-size      : 0.8em;
  overflow       : hidden;
  text-decoration: none !important;
  text-overflow  : ellipsis;
  white-space    : nowrap;
  width          : 100%;
}

/***************************************************************************
 * Class: calendar_month_picker
 ***************************************************************************/
.calendar_month_picker
{
  background-color: #eee;
  border          : 1px solid gray;
  margin          : 10px;

  border-radius        : 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -webkit-border-radius: 3px;
}

.calendar_month_picker thead th a {
  text-decoration : none !important;
}

.calendar_month_picker thead th {
  text-align      : center;
}
.calendar_month_picker .calendar_date
{
  background-color: #fff;
  border          : 1px solid gray;
  height          : 20px;
  padding         : 0;
  position        : relative;
  width           : 30px;

  border-radius        : 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -webkit-border-radius: 3px;
}
.calendar_month_picker .calendar_date .calendar_day
{
  display         : block;
  padding         : 1px 2px;
  position        : absolute;
  text-align      : right;
  text-decoration : none !important;
  top             : 0;
  right           : 0;
}

.calendar_month_picker .calendar_date:hover {
  background-color: #FFFFCE;
}

.calendar_month_picker .calendar_date.today {
  background-color: #ACB6DC;
}

.calendar_month_picker .calendar_date.adj_month {
  background-color: #D6DBEA;
}

/***************************************************************************
 * Class: calendar-throbber_wait
 ***************************************************************************/
.calendar-throbber_wait {
  display   : none;
}
.calendar-throbber_wait .calendar-throbber_wait-modal
{
  background: #000;
  height    : 100%;
  left      : 0;
  opacity   : 0.5;
  position  : absolute;
  top       : 0;
  width     : 100%;

  filter    : alpha(opacity=50); /* For IE8 and earlier */

  border-radius        : 5px; /* (match the calendar style) */
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -webkit-border-radius: 5px;
}
.calendar-throbber_wait .calendar-throbber_wait-dlg
{
  background   : #fff;
  border       : 1px solid black;
  border-radius: 5px;
  box-shadow   : 0 0 25px #333;
  font-weight  : bold;
  height       : 135px;
  left         : 50%;
  margin-left  : -100px;
  margin-top   : -75px;
  position     : absolute;
  text-align   : center;
  top          : 50%;
  width        : 200px;

  border-radius        : 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -webkit-border-radius: 5px;

  box-box-shadow     : 0 0 25px #333;
  -moz-box-box-shadow: 0 0 25px #333;
  -o-box-box-shadow  : 0 0 25px #333;
  -webkit-box-shadow : 0 0 25px #333;
}
.calendar-throbber_wait .calendar-throbber_wait-icon
{
  left       : 50%;
  margin-left: -32px;
  margin-top : -20px;
  position   : absolute;
  top        : 50%;
}