/*
Created By: Sara Wikfors
Date: 08/05/09
Purpose: Default style sheet for the CalendarDisplay cfc.

changes:
date:	programmer:	mks:	change:
08/05/09	srw		13906	created
06/10/10	srw		13906	clarified block links for non-label days for month display
07/02/13	srw		19780	added styles for text blocks, multiple entries, and day of the week column titles
07/15/13	srw		19780	added a class for each week of the month calendars
*/

/*******************************/
/* Styles for the list display */
/*******************************/
	.CalendarListTable {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
	}
	.CalendarListRow {
	}
	.CalendarListMonth {
		font-weight: bold;
		border-bottom: 1px solid #DEDEDE;
		padding-bottom: 2px;
		padding-right: 10px;
		width: 80px;
	}
	.CalendarListDays {
		border-bottom: 1px solid #DEDEDE;
		padding-bottom: 2px;
		padding-right: 10px;
	}
	.CalendarListDays a {
		text-decoration: none;
	}
	.CalendarListDays a:hover {
		text-decoration: underline;
		color: blue;
		font-weight: bold;
	}		
	
	
/********************************/
/* Styles for the month display */
/********************************/
	/* whole */
	.CalendarMonthWholeCal {
		/* no borders with nifty corners, just beef up padding
		border-width: .5em 2% 1em 2%;
		border-color: #999999;
		border-style: solid; */
		/* padding: .5% 1% 1% 1%; can't do % because it messes up the rounded corners in IE */
		padding: 6px 8px 10px 8px; /* t r b l */ /* padding needs to be greater than 5 for rounded corners */
		margin: 0;
		width: 98%;
		background-color: #999999;
		text-align: center;
		min-width: 714px;
		font-family: Arial, Helvetica, sans-serif;
	}

	/* header */
	.CalendarMonthHeader {
		/*background-color: #999999;*/
		margin-bottom: 5px;
		width: 100%;
	}
	.CalendarMonthPrevButton {
		display: inline;
		float: left;
		font-size: x-large;
		width: 20%;
		text-align: left;
		margin: 0;
		padding: 0;
		padding-left: 5px;
	}
	.CalendarMonthPrevButton a {
		background-repeat: no-repeat;
		background-position: center left;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	.CalendarMonthPrevButton a.CalendarMonthPrevButtonActive {
		background-image: url(arrow-left-active.png); /* 30px hieght image works with up to 23pt header text */
	}
	.CalendarMonthPrevButton a.CalendarMonthPrevButtonNot {
		background-image: url(arrow-left-not.png); /* 30px hieght image works with up to 23pt header text */
	}
	.CalendarMonthCurrentMonth {
		text-align: center;
		margin: 0;
		padding: 0;
		font-weight: bold;
		/*font-size: x-large;*/
		font-size: 18pt; /* 23 is the largest you can go with a 30px link image */
	}
	.CalendarMonthNextButton {
		display: inline;
		float: right;
		font-size: x-large;
		width: 20%;
		text-align: right;
		margin: 0;
		padding: 0;
		padding-right: 5px;
	}
	.CalendarMonthNextButton a {
		background-repeat: no-repeat;
		background-position: center right;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	.CalendarMonthNextButton a.CalendarMonthNextButtonActive {
		background-image: url(arrow-right-active.png); /* 30px hieght image works with up to 23pt header text */
	}
	.CalendarMonthNextButton a.CalendarMonthNextButtonNot {
		background-image: url(arrow-right-not.png); /* 30px hieght image works with up to 23pt header text */
	}
	
	/* days of week */
	.CalendarMonthDaysOfWeekRowOuterContainer {
		padding: 0;
		margin: 0;
	}
	.CalendarMonthDaysOfWeekRowOuterContainer * { 
		display: inline;
		text-align: center;
	}
	.CalendarMonthDaysOfWeekRow {
		padding: 0;
		margin: 0;
		list-style-position: outside;
		list-style: none;
		list-style-type: none;
		display: block;
		text-align: center;
	}
	.CalendarMonthDaysOfWeekRowInnerContainer {
		list-style: none;
		padding: 0px;
		display: block;
		margin: 0px;
		text-align: center;
		float: right;
		width: 100%;
	}
	.CalendarMonthDayOfWeek {
		width: 14%;
		list-style: none;
		float: left;
		margin: 0px;
		padding: 0px;
		vertical-align: text-top;
		text-align: center;
		border: 1px solid #999999;
	}
	
	/* not header */
	.CalendarMonthCalOuterContainer {
		padding: 0;
		margin: 0;
	}
	.CalendarMonthCalOuterContainer * { 
		display: inline;
		text-align: center;
	}
	.CalendarMonthCal {
		padding: 0;
		margin: 0;
		list-style-position: outside;
		list-style: none;
		list-style-type: none;
		display: block;
		text-align: center;
	}
	.CalendarMonthCalInnerContainer {
		list-style: none;
		padding: 0px;
		display: block;
		margin: 0px;
		text-align: center;
		float: right;
		width: 100%;
	}
	
	/* rows */
	.CalendarMonthWeek1 { }
	.CalendarMonthWeek2 { }
	.CalendarMonthWeek3 { }
	.CalendarMonthWeek4 { }
	.CalendarMonthWeek5 { }
	.CalendarMonthWeek6 { }
	
	/* days */
	.CalendarMonthDayBox {
		/* height: 14%; */ /* doesn't work in IE or FF */
		/* min-height: 100px; */ /* doesn't work in IE */
		height: 100px;
		min-width: 100px; /* doesn't work in IE */
		width: 14%;
		list-style: none;
		float: left;
		margin: 0px;
		padding: 0px;
		vertical-align: text-top;
		text-align: left;
		overflow: auto;
	}
	.CalendarMonthWeekend {
		background-color: #FFFFFF;
		border: #999999 solid 1px;
	}
	.CalendarMonthWeekendOff {
		background-color: #CCCCCC;
		border: #999999 solid 1px;
	}
	.CalendarMonthWeekday {
		background-color: #FFFFFF;
		border: #999999 solid 1px;
	}
	.CalendarMonthWeekdayOff {
		background-color: #CCCCCC;
		border: #999999 solid 1px;
	}
	.CalendarMonthClickBox { /* only affects months with links but without labels */
		background-color: #a9b8e3;
		cursor: pointer;
	}
	
	/* details */
	.CalendarMonthNumeral {
		padding: 2px 0 0 7px; /* t r b l */
		font-weight: bold;
		text-align: left;
		display: block;
	}
	.CalendarMonthNumeralClickText {
		display: inline-block;
		cursor: pointer;
	}
	.CalendarMonthLabel {
		text-align: center;
		padding: 3px 0 0 8px;
	}
/*	.CalendarMonthLabel a:hover, .CalendarMonthLabelMultiple a:hoover,  { */  /* only affects months with links and with labels */
/*		color: #008080;
	} */
/*	 li.CalendarMonthClickBox:hover .CalendarMonthNumeralClickText, li.CalendarMonthClickBox:hover a {  */ /* only affects months with links but without labels */
/*		color: #008080;
	} */
	.CalendarMonthTextBlurbFirst, .CalendarMonthTextBlurb, .CalendarMonthTextBlurbLast {
		padding: 3px 0 0 8px;
		font-size: smaller;
		margin-bottom: 5px;
		display: block;
		text-align: left;
	}
	.CalendarMonthLabelMultiple {
		text-align: center;
		padding: 3px 0 0 8px;
		font-size: smaller;
		display: block;
		margin-bottom: 5px;
	}
	
	
/*******************************/
/* Styles for the week display */
/*******************************/
	/* whole */
	.CalendarWeekWhole {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		padding: .5% 1% 1% 1%; /* t r b l */
		width: 92%;
		background-color: #999999;
		text-align: center;
		border: .5em 1em 1em 1em; /* t r b l */
		-moz-border-radius: .75em; /* mozilla browsers only for now */
		min-width: 714px;
	}

	/* header */
	.CalendarWeekHeader {
		background-color: #999999;
		margin: 0;
		padding: 0;
		padding-bottom: 5px;
		min-width: 714px;
		-moz-border-radius: .75em;
	}
	.CalendarWeekPrevButton {
		display: inline;
		float: left;
		font-size: x-large;
		width: 20%;
		text-align: left;
		margin: 0;
		padding: 0;
		padding-left: 5px;
		-moz-border-radius: .75em;
	}
	.CalendarWeekPrevButton a {
		background-repeat: no-repeat;
		background-position: center left;
		text-decoration: none;
		margin: 0;
		padding: 0;
		-moz-border-radius: .75em;
	}
	.CalendarWeekPrevButton a.CalendarWeekPrevButtonActive {
		background-image: url(arrow-left-active.png);
		-moz-border-radius: .75em;
	}
	.CalendarWeekPrevButton a.CalendarWeekPrevButtonNot {
		background-image: url(arrow-left-not.png);
		-moz-border-radius: .75em;
	}
	.CalendarWeekCurrentWeek {
		text-align: center;
		margin: 0;
		padding: 0;
		margin-left: 20%;
		margin-right: 20%;
		font-weight: bold;
		font-size: x-large;
		-moz-border-radius: .75em;
	}
	.CalendarWeekNextButton {
		display: inline;
		float: right;
		font-size: x-large;
		width: 20%;
		text-align: right;
		margin: 0;
		padding: 0;
		padding-right: 5px;
		-moz-border-radius: .75em;
	}
	.CalendarWeekNextButton a {
		background-repeat: no-repeat;
		background-position: center right;
		text-decoration: none;
		margin: 0;
		padding: 0;
		-moz-border-radius: .75em;
	}
	.CalendarWeekNextButton a.CalendarWeekNextButtonActive {
		background-image: url(arrow-right-active.png);
		-moz-border-radius: .75em;
	}
	.CalendarWeekNextButton a.CalendarWeekNextButtonNot {
		background-image: url(arrow-right-not.png);
		-moz-border-radius: .75em;
	}
	
	/* not cal header */
	.CalendarWeekTable {
		width: 100%;
		background-color: #999999;
		margin: 0;
		padding: 0;
		min-width: 714px;
		-moz-border-radius: .75em;
	}

	/* days */
	.CalendarWeekHeaderRow {
		/* row - header row */
		width: 100%;
	}
	.CalendarWeekHeaderRowTable {
		width: 100%;
	}
	.CalendarWeekDayLabelTime {
		/* cell - the cell above times and beside day labels */
		width: 6%;
	}
	.CalendarWeekDayLabel {
		/* cell - days of the week */
		text-align: center;
		height: 40px;
		width: 18.8%;
	}
	.CalendarWeekRow {
		width: 100%;
	}
	.CalendarWeekDayTimes {
		width: 6%;
	}
	.CalendarWeekDayTimesTable {
		width: 100%;
	}
	.CalendarWeekDayTimeHour {
		/* cell - times */
		border-top: #000000 solid 1px;
		height: 40px;
	}
	.CalendarWeekDayTimeHalf {
		/* cell - times */
		border-top: #666666 solid 1px;
		height: 40px;
	}
	.CalendarWeekDay {
		width: 18.8%;
	}
	.CalendarWeekDayTable {
		width: 100%;
	}
	
	/* hours in day tables */
	.CalendarWeekHour {
		border-left: #000000 solid 1px;
		height: 40px;
	}
	.CalendarWeekHourOffSelectedHourFirst {
		border-top: #000000 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourOffHourFirst {
		border-top: #000000 solid 1px;
		background-color: #bbbbbb;
	}
	.CalendarWeekHourOffSelectedHour {
		border-top: #000000 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourOffSelectedHalf {
		border-top: #999999 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourOffHour {
		border-top: #000000 solid 1px;
		background-color: #bbbbbb;
	}
	.CalendarWeekHourOffHalf {
		border-top: #999999 solid 1px;
		background-color: #bbbbbb;
	}
	.CalendarWeekHourNormalSelectedHour {
		border-top: #000000 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourNormalSelectedHalf {
		border-top: #999999 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourNormalHour {
		border-top: #000000 solid 1px;
		background-color: #eeeeee;
	}
	.CalendarWeekHourNormalHalf {
		border-top: #999999 solid 1px;
		background-color: #eeeeee;
	}
	.CalendarWeekHourOffSelectedHalfLast {
		border-top: #999999 solid 1px;
		background-color: #ffffff;
	}
	.CalendarWeekHourOffHalfLast {
		border-top: #999999 solid 1px;
		background-color: #bbbbbb;
	}
	
	/* details */
	.CalendarWeekNumeral {
		font-weight: bold;
		text-align: left;
		padding: 3px 0 0 8px; /* t r b l */
	}
	.CalendarWeekHourLabel { text-align: center; }
	.CalendarWeekHourLabel a { }
	
	
/**********************************/
/* Styles for the quarter display */
/**********************************/
	/* same as those for month display */