/*
 * calendar.css
 * Copyright (c) 2006 Scalix Corporation - All rights reserved
 * Author: Julien Lecomte
 */

/*
 * Day/Week/Month view grid
 */

.calMonthViewDiv
{
  position:absolute;
  overflow:hidden;
  left:0px;
}

.calendarTableView
{ 
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  table-layout:fixed;
}

.calendarTableViewBody
{ 
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
}

.calendarViewHeaderCell
{ 
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
  background-color:#F2EDED;
  cursor:default;
  color:black;
  border-style:solid;
  border-width:1px;
  border-color:#FFFFFF #B5B0AF #B5B0AF #FFFFFF;
}

.dayWeekViewEntryCell
{
  border-top-width:1px;
  border-top-style:solid;
  cursor:default;
}

.monthViewEntryCell
{
  border-width:1px 1px 0px 0px;
  border-color:black;
  border-style:solid;
  cursor:default;
  overflow:hidden;
  height:17%;
  padding:2px 2px 0px 2px;
}

.monthViewHeaderDiv
{
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
  color:#636563;
  font-weight:bold;
  padding:0px 0px 0px 3px;
}

.dayWeekViewHoursCell
{ 
  cursor:default;
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:14px;
  text-align:right;
  font-weight:bold;
  width:60px;
  padding-right:4px;
}

.dayWeekViewTimeLabel
{ 
  position:relative;
  top:-3px;
  width:58px;
  height:14px;
  overflow:hidden;
  cursor:default;
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  font-weight:normal;
}

.dayWeekViewAllDayEntryCell
{ 
  cursor:default;
  text-align:center;
  color:gray;
  vertical-align:bottom;
  padding-bottom:3px;
  background-color:#ACA899;
}

.dayWeekViewAllDayFillerCell
{ 
  border-right:1px solid rgb(212,212,212);
  background-color:#ACA899;
  cursor:default; 
}

.dayWeekViewSpacerCell
{
  border-style:solid;
  border-color:black;
  border-width:0px 1px 0px 1px;
  cursor:default;
}




/*
 * Day/Week/Month view appointment
 */
 
.dayWeekViewApptDiv
{ 
  position:absolute; 
  background-color:transparent;
  color:black;
  text-align:left;
}

.monthViewApptTimeCell
{
  width:50px;
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  overflow:hidden;
}

.monthViewApptCell
{
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  overflow:hidden;
  white-space:nowrap;
}

.dayWeekViewAllDayApptDiv
{ 
  position:absolute; 
  background-color:white;
  border:1px solid black;
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  color:black;
  padding:2px;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
}

.monthViewAllDayApptDiv
{
  background-color:white;
  border:1px solid black;
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  color:black;
  padding:0px 2px 0px 2px;
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  height:16px;
  margin-bottom:2px;
  position:relative;
}

.dayWeekViewApptTable
{
  table-layout:fixed;
  width:100%;
  height:100%;
  empty-cells:show;
}

.monthViewApptTable
{
  table-layout:fixed;
  color:black;
  height:16px;
  position:relative;
}

.dayWeekViewApptGrabBar
{
  width:6px;
  border-color:black;
  border-style:solid;
  border-width:1px 0px 1px 1px;
}

.dayWeekViewApptGrabBarColumn
{
  width:6px;
}

.dayWeekViewApptTopBar, .dayWeekViewApptBottomBar
{
  border-color:black;
  border-style:solid;
  border-width:0px;
  font-size:1px;
}

.dayWeekViewApptBody
{
  padding:0px 0px 0px 2px;
  vertical-align:top;
  background-color:white;
  border:1px solid black;
  overflow:hidden;
  cursor:default;
}

.dayWeekViewApptBodyDiv
{
  font-family:helvetica, arial, sans-serif;
  font-size:11px;
  color:black;
  overflow:hidden;
  cursor:default;
  padding:1px;
}

.dayWeekViewApptBodyColumn
{
  width:100%;
}




/*
 * Appointment icons
 */
 
.repeatIcon
{ 
  width:14px;
  height:10px;
}

.alarmIcon
{ 
  width:20px;
  height:11px;
}

.meetingIcon
{ 
  width:14px;
  height:10px;
}

.privateIcon
{
  width:11px;
  height:11px;
}




/*
 * Date navigator
 */

.datePickerDiv
{ 
  position:absolute;
  width:119px;
  top:10px;
}

.datePickerTable
{ 
  position:absolute;
  left:0;
  top:15;
  table-layout:fixed;
  border-collapse:collapse;
}

.datePickerTableBody
{ 
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
}

.datePickerRow
{ 
  height:15px;
}

.datePickerHeaderCell
{
  width:17px;
  text-align:right;
  cursor:default;
  font-weight:bold;
  color:black;
}

.datePickerCell
{
  width:17px;
  text-align:right;
  cursor:default;
}

.datePickerHeader
{
  font-family:tahoma, helvetica, arial, sans-serif;
  font-weight:bold;
  font-size:11px;
  height:15px;
  cursor:default;
  position:absolute;
  top:5px;
  width:100%;
  text-align:center;
}




/*
 * Upcoming events
 */

.upcomingAppointmentsDiv
{
  position:absolute;
  overflow:auto;
  color:black;
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
}

.upcomingAppointmentRow
{ 
  height:18px;
}

.upcomingAppointmentHeaderCell
{ 
  cursor:default;
  padding-left:4px;
  white-space:nowrap;
  border-bottom:1px solid #E6DECE;
  background-color:#F9F7F0;
  color:#858585;
  font-weight:bold;
}

.upcomingAppointmentTimeCell
{ 
  cursor:default;
  padding-left:4px;
  border-bottom:1px solid #E6DECE;
  background-color:#FFFFFF;
  white-space:nowrap;
  width:1%;
}

.upcomingAppointmentSubjectCell
{ 
  cursor:default;
  padding-left:4px;
  white-space:nowrap;
  border-bottom:1px solid #E6DECE;
  background-color:#FFFFFF;
}




/*
 * Miscellaneous
 */

.inlineAppointmentEditor
{
  width:100%;
  height:100%;
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
  border-width:0px;
  overflow:hidden;
}

.calendarLoadingDiv
{
  position:absolute;
  padding:5px 10px 5px 10px;
  font-family:tahoma, helvetica, arial, sans-serif;
  font-size:11px;
  color:black;
  background-color:#FFFFE1;
  border:1px solid black;
  z-index:10;
  cursor:default;
}