/*---------------------------------------------------------------*/
/* 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;
}