.calendarButtonOff
{
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid white;
	width: 20px;
}
.calendarButtonOn
{

	border:1px #000080 solid;
	padding-left: 2px;
	padding-right: 2px;
	color: black;
	font-size: 10pt;
	font-family: tahoma;
	text-align: center;
	BACKGROUND-IMAGE: url(images/popup_over_bg.gif);
	width: 20px;
}
.calendarMonthTable
{ 
	border-collapse: collapse;
	table-layout: fixed;
	padding: 0px;
}
.calendarWeekendTable
{
	border-collapse: collapse;
	table-layout: fixed;
	padding: 0px;
	width: 100%;
	height: 100%;
}
.calendarMonthMonthCell
{
	padding: 0px;
	border: solid 1px black;
	background: #EAEFF2;
}
.calendarMonthNonMonthCell
{
	padding: 0px;
	border: solid 1px black;
	background: #ccc;
}
.calendarDayTable
{
	width:100%;
	height: 100%;
	table-layout:fixed;
	position: relative;
}
.calendarDayTable TD
{
	padding: 0px;
	FONT-SIZE: 8pt;
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: tahoma; 
    text-align: right;
    vertical-align: top;
}
.calendarWeekDayCell
{
	position:relative;
	padding: 0px;
	FONT-SIZE: 8pt;
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: tahoma; 
    text-align: right;
    vertical-align: top;
	background: #EAEFF2;
}
.calendarWeekDayNonMonthCell
{
	position:relative;
	padding: 0px;
	FONT-SIZE: 8pt;
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: tahoma; 
    text-align: right;
    vertical-align: top;
	background: #ccc;
}
.calendarMonthToday
{
	background: url(images/CalendarIcons/calendarbarbghighlighted.gif) repeat-x fixed left bottom;
}
.calendarMonthDayDetail
{
	width: 100%;
	overflow: hidden;
	height: 100%;
}
.calMonthItem
{
	width: 100%;
	padding-left: 2px;
	padding-right: 2px;
	height: 15px;
	overflow:hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.calMonthAllDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
}
.calMonthSpanAllDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: white;
	margin: 1px;
}
.calMonthSpanStartDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 100;
	margin: 1px;
	background: white url(images/CalendarIcons/startBlock.gif) no-repeat fixed left middle;
}
.calMonthSpanEndDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 100;
	margin: 1px;	
	background: white url(images/CalendarIcons/endBlock.gif) no-repeat fixed right middle;
}
.calMonthInnerSpanEndDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	background: url(images/CalendarIcons/endBlock.gif) no-repeat fixed right middle;
}
.calendarMonthExpander
{
	position:absolute;
	bottom: 0px;
	right: 0px;
	display: none;
	cursor: hand;
}
.calendarTimeHour
{
	font-size: 12pt; 
	font-weight: bold; 
	border-right: 0px;
	width: 25px;
}
.calendarTimeMinute
{
	font-size: 8pt; 
	border-left: 0px;
	width: 15px;
	height: 15px;
}
.calendarSelectedDay
{
	background: url(images/CalendarIcons/calendarbarbgselected.gif) repeat-x fixed left bottom;
}
.calendarHighlightDay
{
	background: url(images/CalendarIcons/calendarbarbgselected.gif) repeat-x fixed left bottom;
}
.calendarSelectedTask
{
	background-color: #ccccff;
}
.calendarDaySlot
{
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma;
	height: 15px;
	background: #EAEFF2;
	border: 1px solid;
}
.calendarDaySlotOutOfOffice
{
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma;
	height: 15px;
	background: #ccc;
	border: 1px solid;
}
.calendarDayViewSpanItems
{
	position:relative;
	padding: 0px;
	FONT-SIZE: 8pt;
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: tahoma; 
    text-align: left;
    vertical-align: top;
	background-color: Gray;	
}
.calendarSelectedSlot
{
	background: white url(images/CalendarIcons/calendarbarbgselected.gif) repeat-x fixed left bottom;
}
.calendarHighlightSlot
{
	background: white url(images/CalendarIcons/calendarbarbgselected.gif) repeat-x fixed left bottom;
}
.calendarDayBlockTable
{
	width: 100%;
	table-layout: fixed;
	left: -1px;
	top: -1px;
}
.calendarDayBlockCell
{
	position: relative;
	FONT-FAMILY: tahoma; 
	FONT-SIZE: 8pt;
	height: 15px;
}
.calendarDayBlockItem
{
	position: relative;
	top: -1px;
	background: white;
	FONT-FAMILY: tahoma; 
	FONT-SIZE: 8pt;
	border: 1px solid black;
	vertical-align: top;
	text-align: left;
	width: 100%;
	overflow: hidden;
	text-overlow: ellipsis;
	z-index: 1000;
	margin-right: 2px;
	margin-left: 2px;
	cursor: hand;
	padding-left: 5px;
}
.calendarSelectedDayTask
{
	background: white url(images/CalendarIcons/calendardayselectedtask.gif) repeat-y fixed left bottom;
}
.calendarWorkWeekViewSpanItems
{
	position:relative;
	padding: 0px;
	FONT-SIZE: 8pt;
    CURSOR: default;
    COLOR: black;
    FONT-FAMILY: tahoma; 
    text-align: left;
    vertical-align: top;
	background-color: Gray;
	border-bottom: 1px solid black;
}

.calWorkSpanAllDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
}
.calWorkSpanSpanAllDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
}
.calWorkSpanSpanStartDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	z-index: 100;
	background: url(images/CalendarIcons/startBlock.gif) no-repeat fixed left middle;
}
.calWorkSpanSpanEndDay
{
	width: 100%;
	height: 15px;
	display:inline;
	overflow:hidden;
	text-align: center;
	text-overflow: ellipsis;
	z-index: 100;	
	background: url(images/CalendarIcons/endBlock.gif) no-repeat fixed right middle;
}

.calWorkCellSpanAllDay
{
	FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma; 
}
.calWorkCellSpanSpanAllDay
{
	FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma; 
	background: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.calWorkCellSpanSpanStartDay
{
	FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma; 
	background: white url(images/CalendarIcons/startBlock.gif) no-repeat fixed left middle;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.calWorkCellSpanSpanEndDay
{	
	FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma; 
	background: white url(images/CalendarIcons/endBlock.gif) no-repeat fixed right middle;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.calWorkCellSpanSpanStartAndEnd
{	
	FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma; 
	background: white url(images/CalendarIcons/endBlock.gif) no-repeat fixed right middle;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.calWorkCellSelectedTask
{
	background-color: #ccccff;
}
.calWIVDayHeader
{
	FONT-FAMILY: tahoma; 
	font-size:8pt;
	font-weight:bold;
	border-bottom: solid 1px #CCC;
	cursor: default;
	background: url(images/CalendarIcons/calendarbarbg.gif) repeat-x fixed left;
	height:18px;
}
.calWIVDayDetail
{
	FONT-FAMILY: tahoma; 
	font-size:8pt;
	cursor: hand;
}
.calWIVDaySpans
{
	FONT-FAMILY: tahoma; 
	font-size:8pt;
	background-color: Gray;
	cursor: hand;
}
.calWIVTime
{
	width: 70px;
}
.calWIVSelectedTask
{
	background-color: #ccccff;
}
.calWIVTable
{
	table-layout: fixed;
}
.calWIVTable TD 
{
	padding: 2px;
}
.calDateSpinner
{
	FONT-FAMILY: tahoma; 
	font-size:8pt;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
}