/*
    Document   : WeekView
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetCalendarWeekly
		New class names: CalendarWeekView

		Note: until we have a general inheritance for views, this css file will contain general properties for WeekView and DayView
*/

/* has layout workaround */
.dj_ie .CalendarWeekView,
.dj_ie .CalendarViewDispatcher-TextToggles,
.dj_ie .CalendarViewDispatcher-IconToggles {
	min-width: 1px;
}

.CalendarWeekView table {
	border-collapse:collapse;
  background-color: #FFF;
  cursor: pointer;
}

.CalendarWeekView .calendarAllDayEventCell{
    padding-top: 5px;
 }


/* Is this necessary? */
/*
.dj_ie .CalendarWeekView  table {
	table-layout: fixed;
}
*/
.CalendarWeekView {
	overflow: hidden;
}

.CalendarWeekView .viewTableContainer {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* Column headers */
.CalendarWeekView-WeekNumber {
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.CalendarWeekView .calWeeklyHeader th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	/* border color defined in the theme */
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.CalendarWeekView-WeekNumber span {
	padding-top: 6px;
}

/* We should not do a border width for this,
   adding a border adjust the width of the cell.
*/
.CalendarWeekView .calWeeklyHeader th.today {
	font-weight:bold;
}

.CalendarWeekView .allDayLast {
        cursor: default;
}

.CalendarWeekView .allDayYear {
        cursor: default;
}

/* Row headers */
.CalendarWeekView table td.calendarWeekRowHead {
	text-align: right;
        border-width: 0 1px 0 0;
        vertical-align: middle;
	padding-right: 5px;
	/* required for ie
	width: 72px !important; */
	cursor:default;
        background: #FFF;
}


.CalendarWeekView .calWeeklyAllDay td.calendarWeekRowHead {
        border-width: 0 1px 1px 0;
}

.CalendarWeekView .CalendarWeekView-timeKey {
        color: #333;
        font-size: 10px;
}

/* Event boxes */
/* All day events */

.CalendarWeekView table td {
	border-width: 0 1px  1px 0;
	border-style: solid;
	vertical-align:top;
        /* Background color is themed ! */
}

.CalendarWeekView .calWeeklyAllDay td {
	height:35px;
        overflow:hidden;
}

.CalendarWeekView .calWeeklyAllDay td .eventsWrapper {
	height:35px;
	overflow:hidden;
}

.CalendarWeekView .weeklyViewTable tr {
	height: 24px;	
}

.CalendarWeekView .weeklyViewTable td {
	overflow: none;
}

/* What is this supposed to do? */
.dj_ie .CalendarWeekView table.weeklyViewTable td {
	height: 30px;
}


.CalendarWeekView td.workHourPartialStart {
	vertical-align: bottom;
}

.CalendarWeekView td.workHourPartialEnd {
	vertical-align: top;
}

.CalendarWeekView td.workHourPartialStart div {
	vertical-align: bottom;
}

.CalendarWeekView td.workHourPartialEnd div {
	vertical-align: top;
}

.CalendarWeekView .weeklyViewTable tr.workHour td.nonWorkDay {
	background-color: #FFF; /*NOT THEMED*/
}

/* Very last columns do not need to waste space with a border on the right. */
.CalendarWeekView table tr .allDayLast,
.CalendarWeekView table tr .scrollbar-cell {
	border-right-width: 0;
}