/*** MONTH VIEW ***/
table.calendar {line-height:110%;}
table.calendar.month 
{
	border-collapse:collapse;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width:100%; 
	margin:0px;
}
table.calendar.month td 
{
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	width:14%;
}
table.calendar.month thead td {background:#cccccc; padding:2px; font-weight:bold;}

table.calendar.month tbody td {height:75px; vertical-align:top; padding:2px;}
table.calendar.month tbody td.thisMonth {background:$shade1$;}
table.calendar.month tbody td.today {border:solid 2px red; background:#ffc;}

table.calendar.month tbody td.available {cursor:pointer; background-color:#9F9;}
table.calendar.month tbody td.full {background-color:#9F9;}
table.calendar.month tbody td.today {border:solid 2px #C00; background-color:#FFC;}

table.calendar.month div
{
	overflow:hidden;
	min-height:2em;
	max-height:2em;
	margin-bottom:2px;
	padding:1px;

	text-decoration:none;
	font-family:'Helvetica Nue','Helvetica','Lucida Sans Unicode','Lucida Grande','Tahoma','sans-serif';
	font-size:8pt;
	line-height:100%;
	border-radius:4px;
}

table.calendar.month.small thead td {text-align:center; font-size:7pt;}
table.calendar.month.small tbody td {height:auto;}
table.calendar.month.small tbody td.available {font-weight:bold;}
table.calendar.month.small td {padding:2px;}


/*** WEEK VIEW ***/
table.calendar.week
{
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse:collapse;
	width:100%;
	margin:0px;
}

table.calendar.week td
{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align:center;
	vertical-align:middle;
	padding:0px;
}

table.calendar.week thead td
{
	background: #cccccc;
	font-weight:bold;
	border-bottom:none;
}

table.calendar.week tbody td
{
	background-image:url(bg-calendar.png);
	background-position:top left;
	background-repeat: repeat-xy;
}

table.calendar.week td.label
{
	width:80px;
}

table.calendar.week tbody td.label div.container div
{
	background-image:url(bg-calendar-time.png);
	background-position:top right;
	background-repeat:no-repeat;
	width:80px;
	height:1440px;
	position:relative;
	overflow:hidden;
}

table.calendar.week td div.container
{
	position:relative;
	overflow:hidden;
	padding-right:1px;
}

table.calendar.week td div.item
{
	position:absolute;
	left:1px;
	right:1px;
	overflow:hidden;
	cursor:pointer;
	border-radius:3px;
	font-family:'Helvetica Nue','Helvetica','Lucida Sans Unicode','Lucida Grande','Tahoma','sans-serif';
}

table.calendar.week td div.item.nohover
{
	cursor:default;
}

table.calendar.week td div.item div
{
	padding:2px;
	font-face:Verdana;
	font-size:8pt;
}

/*** LIST VIEW ***/
table.calendar.list
{
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse:collapse;
	width:100%;
	margin:0px 0px 20px 0px;
}

table.calendar.list td
{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	vertical-align:middle;
	padding:2px;
	display:table-cell;
}

table.calendar.list > tbody > tr.item
{
	cursor:pointer;
}	

table.calendar.list > tbody > tr:nth-child(even) > td
{
	background-color:$shade1$;
	
}	

table.calendar.list > tbody > tr > td.label
{
	width:75px;
}	

table.calendar.list > tbody > tr.group > td
{
	font-weight:bold;
	background-color:#cccccc;
	padding:5px;
}	


/*** Calendar items ***/
div.teal,div.WHITE  {background:#fff; color:black; border:solid #666 1px;}
div.BLACK  {background:#000; color:white; border:solid #000 1px;}
div.PURPLE {background:#941ea9; color:black; border:solid #000 1px;}
div.BLUE   {background:#2a6aa9; color:white; border:solid #000 1px;}
div.GREEN  {background:#17ad37; color:black; border:solid #000 1px;}
div.YELLOW {background:#f2aa45; color:black; border:solid #666 1px;}
div.ORANGE {background:#ff6e03; color:black; border:solid #000 1px;}
div.PINK   {background:#ff6af3; color:black; border:solid #000 1px;}
div.RED    {background:#d93836; color:black; border:solid #000 1px;}
div.BROWN  {background:#602e13; color:white; border:solid #000 1px;}
div.GOLD   {background:#ad7b40; color:black; border:solid #000 1px;}
div.SILVER {background:#C9C9C9; color:black; border:solid #000 1px;}
div.lime   {background:#b1bc33; color:black; border:solid #000 1px;}



table.calendar div.sessionFull {background-image:url(session-full.png); background-repeat:repeat-xy; background-position:top left;}


div.item.ScheduleOpen   {background-color: #455880; color:white; border:solid 1px #354870;}
div.item.ScheduleBooked {background-color: #C4CCDD; color:black; border:solid 1px #A2AABB; cursor:default;}
table.calendar.week td div.item.ScheduleBooked:hover {background-color: #C4CCDD; color:black; border:solid 1px #A2AABB; cursor:default;}