/* Style sheet for CalendarControl	*/
section.cc {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
	}
section.cc time	{
	display: inline-block;
	border: 1px solid grey;
	background: white;
	}
section.cc img.cc {
	position: relative;	right: 1px;
	vertical-align: top;
	margin: 0;
	}
section.cc img:hover	{
	cursor: 	pointer;
	filter: 	contrast(200%) drop-shadow(1px 1px 1px grey);
	}
section.cc div {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			100;
	border:				1px solid grey;
	border-radius:		15px;
	padding:			5px;
	background-color:	white;
	display:			none;
	}
section.cc div.day,
section.cc div.month	{
	width: 				315px;
	}
section.cc div.week {
	width: 				auto;
	}
section.cc table {
	width: 				100%;
	margin:				0;
	border:				0;
	color:				black;
	font-weight:		normal;
	border-collapse: 	collapse;
	cursor:				default;
	}

@media (max-width: 400px){
	section.cc {
		position: static;		
		font-size: 15px;
		}
	section.cc div.day,
	section.cc div.week,
	section.cc div.month {
		box-sizing: border-box;
		left: 0;
		width: 100%;
		}
	}

section.cc table img {
	margin: 10px 5px;
	vertical-align: middle;
	border: 1px solid grey;
	border-radius: 8px;
	}
section.cc table img:hover {
	position: 	relative; top: -1px; left: -1px;
	}
section.cc col {
	background-color:	#FFFFE0; 
	}
section.cc col.mth {
	background-color:	white; 
	}
section.cc th,
section.cc td	{
	border: 			2px;
	padding: 			0;
	vertical-align:		middle;
	text-align:			center;
	font-style:			normal;
	font-weight:		normal;
	}
section.cc tr.hdr th	{
	height: 			25px;
	font-size: 			18px;
	color:				white;
	text-shadow:		1px 1px 1px black;
	background-color:	#00B000;
	}
section.cc th.left	{
	text-align: left;
	}
section.cc th.right	{
	text-align: right;
	}
section.cc td		{	
	height: 35px;
	font-size: 10pt;
	}
section.cc .day td.day,
section.cc .month td	{
	color:				black;
	background-color:	#FFFFE0;
	border: 			1px solid #E0E0FF
	}
section.cc .week td,
section.cc .week tr.nav th {
	height: auto;
	padding: 3px 5px;
	}
section.cc .week td.tb {
	border-top: 2px solid black;
	}
section.cc .week td.lb {
	border-left: 2px solid black;
	}
section.cc col.weekend,
section.cc .day td.weekend,
section.cc .month tr.summer td	{
	background-color:	#FFFF80;
	}
section.cc .day td.other,
section.cc .week td.other	{
	color:				lightgrey;
	background-color:	white;
	}

section.cc .day th.today	{
	text-shadow:		1px 2px 1px white;
	}
section.cc td.today	{
/*	border:				2px solid red;*/
	font-weight: bold;
	color: red;
	outline: 			1px dotted red;
	text-shadow:		none;
	outline-offset: 	-8px;
	}
section.cc .week td.today	{
	outline-offset:		-3px;
	}
section.cc .day td.selected,
section.cc .week tr.selected td,
section.cc .month td.selected,
section.cc .month tr.summer td.selected	{
	font-weight:		bold;
	color: 				white;
	text-shadow:		1px 1px 1px black;
	background-color:	#00C000;
	}
section.cc td.nav:hover,
section.cc .week tr.nav:hover td,
section.cc .month tr.summer td.nav:hover	{
	color:				black;
	text-shadow:		none;
	background-color:	#00FFFF;
	cursor: 			pointer;
	}
	
/**/