@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------

	ZICKEY'S CALENDAR
	For instructions on how to launch your calendar using the Zickey_Calendar.php file, please see the included "READ-ME-Instructions".
	The files and instruction are provided as is, use at your own discretion. You assume full responsibility if you chose to utilize any portion of the 	    code Zickey, just a CMS Builder user has provided for the Zickey Calendar. Like you... I hate the fine print, but please read the TERMS.txt file.
	
	Use it, expand it and please share any nice features you add to the Calendar with the InteractiveTools community in the thread provided below.
	
	Many thanks to Chris of InteractiveTools.com who helped bring the CMS Builder functionality to this calendar.
	See Thread for details: http://www.interactivetools.com/iforum/Products_C2/CMS_Builder_F35/Calendar_populated_with_CMS_Builder_records_P82903/
	
	Cheers, Zickey
	
----------------------------------------------------------*/

body {
	margin:0 auto;
	background: #fff;
}
#cal_container {
	margin:0 auto;
	width:804px; /* controls width of calendar container */
}
#calendar_div { /* controls nothing at this time, but exist if needed */
}
#CalTB {
	width:800px; /* controls width of calendar table */
	background-color:#FFFFFF; /* controls calendar table's base background color */
}
.CalNextPrevious { /* controls previous and next buttons */
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
	background-color:#333;
}
.CalMonth { /* controls the month table cell, font size, color, style and background color */
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight: bold;
	font-size: 18px;
	color:#FFFFFF;
	background-color:#999999;
	/*background-color:#A0A0A0;*/
	padding-top:8px;
	padding-bottom:4px;
}
.CalDayofWeek { /* controls the day of the week table cell, font size, color, style and background color */
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight: bold;
	font-size: 14px;
	color:#000;
	background-color:#D8D8D8;
	text-align:center;
	padding-top:8px;
	padding:6px;
}
.CalDates { /* controls the month's date table cell, default font size, color, style and background color */
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight:bold;
	font-size: 14px;
	color:#000;
	text-align:left;
	vertical-align:top;
	background-color:#F0F0F0 ;
	margin:0px;
	margin-bottom:4px;
	padding:3px;
	border-top:#FFF solid 1px;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
#CalDateBox { /* controls the month's date, font size, color, style and background color. */
	margin:0px;
	width:19px;
	margin-bottom:2px;
	padding-top:1px;
	padding-left:4px;
	padding-right:2px;
	padding-bottom:1px;
	/*display:block;*/
	background-color:#D8D8D8;
}
#calFonts { /* controls the month's date table cell width */
	width:102px;
}
#calFonts h1 { /* controls specific font styles for the event title */
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight: bold;
	font-size: 12px;
	color:#333;
}
#calFonts h3 { /* controls specific font styles for the event time */
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight:400;
	font-size: 11px;
	color:#333;
}
#calFonts p { /* controls specific font styles for the event description and event link */
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	font-weight: 400;
	font-size: 10px;
	color:#333;
}
#calFonts p a { /* controls specific active link color for font styles for the event description and event link */
	color:#333;
}
#calFonts p a:hover { /* controls specific active link hover color for font styles for the event description and event link */
	color:#000;
}