/*---------------------------------------------------------------*/
/* Used for styling the calendar table */
.calendarTable {background-color: #FFFFFF; border-top: 0px solid #009ed9; border-bottom: 0px solid #009ed9; font-size: 7pt; font-family: Arial, Verdana; border-collapse: collapse; width: 599px;}

/* Used for styling the table row containing the day names at the top of the table e.g. 'Mon' */
.calendarTrHeader {font-weight: normal !important; text-align: center;}

/* Used for styling the table headers containing the day names at the top of the table e.g. 'Mon' */
.calendarThHeader {font-weight: bold;}

/* Used for styling all other the table rows (except the row containing day names) */
.calendarTr {height: 17px;}

/* Used for styling all the other table columns */
.calendarTd {border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-collapse: collapse; width: 15px; text-align: center; font-size: 7pt; vertical-align: middle;}

/* Used for styling all table columns that have a date in i.e. are clickable*/
.calendarTdActive {border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: solid 1px #ffffff; background-color: #FFC062;}

/* Used for styling the current table column the mouse is over (only if it is clickable see 'calendarTdActive') */
.calendarTdActiveHover {background-color: #FF0000 !important;}

/* Used for styling the table column containing the month names at the left of the table e.g. 'Mar 09' */
.calendarTdMonth {font-weight: normal !important; text-align: left; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 40px; padding: 0px 0px 0px 4px;}

/* Used for styling the table columns that represent weekend days (with a date) */
.calendarTdWeekendWithDate {background-color: #FFD79B;}

/* Used for styling the table columns that represent weekend days (without a date) */
.calendarTdWeekendWithoutDate {background-color: #ffffFF;}

/* Used for styling a selected weekend date */
.calendarDateSelectedWeekend {background-color: #fe3434;}

/* Used for styling the table columns that have been selected */
.calendarDateSelected {background-color: #A80000; text-decoration: line-through;}

/* Used for styling the table cell signifying the start of a perdiod */
.calendarTdPeriodStartDate { /*border-left: 5px solid green !important;*/ background-image: url(../images/othericons/startdate.png) !important; background-repeat: no-repeat;}

/* Used for styling the table cell signifying the start of a perdiod */
.calendarTdPeriodEndDate {background-image: url(../images/othericons/enddate.png) !important; background-repeat: no-repeat;}

/* Context menu styles */
.contextMenuTrigger {cursor: pointer;}

/* Used to style Calendar Messages e.g. when the user tries to overlap date periods */
.calendarMessage {cursor: pointer; background-color: #FFFFFF;	background-image: url(closeIcon.gif); background-position: 98% 10%; background-repeat: no-repeat; padding: 5px; padding-top: 15px; position: absolute; border: 1px solid #333333; z-index: 901; left: 0px;	top: 0px;}