/* Make text unselectable to avoid text hilighting */
* { -moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none; }

#calendar { height:90%; min-height:700px; margin:0 2% 2%;
	cursor:default; -webkit-tap-highlight-color:rgba(0,0,0,0); }
#calendar > div { border:2px solid rgb(90,90,102); 
	border-radius:10px 10px 6px 6px;
	-webkit-box-shadow:7px 7px 5px rgb(200,200,200);
	box-shadow:7px 7px 5px rgb(200,200,200); }

#calendar * { cursor:inherit; -webkit-tap-highlight-color:rgba(0,0,0,0); }

/* Calendar's tap highlighting for the navigation arrows */
.tapHighlight { background:rgba(160,160,160,0.4);
	-webkit-border-radius:5px; border-radius:5px; }

/* Small red square indicating data overflow */
.overflow { width:7px; height:7px; background:rgb(255,133,104); }

/* Event bars */
.bar { text-align:center; border-radius:3px; }
.bar1 { height:14px; padding:0px; background:rgb(255,247,135); 
	line-height:1.1em; }
.bar2 { padding:2px 0px 2px 0px; background:rgb(165,221,255); }
.bar3 { background:rgb(255,190,138); }
.bar4 { background:rgb(168,255,181); }
.bar5 { background:rgb(255,250,245); }

/* Selected event bars */
.bar.sel { background:rgb(255,100,100); }

/* Event labels */
.label { font-size:11px; font-family:sans-serif; white-space:nowrap; 
	overflow:hidden; text-overflow:ellipsis; color:rgb(110,110,118); }
/* Labels on selected events */
.label.sel { color:rgb(250,245,240); }