#container { 
		position:absolute;
		border-top:2px;
		border-top-style:solid;
		border-top-color:#bfc2fd;
		padding-top:4px; 
	/*	background-color: blue; 
		overflow:auto;*/ 
		top:55px;		/*dont overlay head /nav*/ 
		left:0%; 
		width:100%; 
		min-width:1200px; 	/*dont let months get to small and overlayed*/
		height:90%; 
		z-index:1; 
		padding:0px; 
}

#head {
		position:absolute;
		border-top:2px;
		border-top-style:solid;
		border-top-color:#737fa6;
		padding-top:4px; 
		background-color: #409bbd; 
		/*background-color: #75afc4;*/ 
		overflow:hidden; 
		top:0%; 
		left:0%; 
		width:100%; 
		min-width:1200px; 	/*dont let months get to small and overlayed*/
		height:30px;
		z-index:1; 
		padding:0px; 

}
#calendar_topmenu {
		font-family:Lucida Grande, Verdana;
		font-size:19px;
		font-weight:bold;
		color:white;
		margin-left: 150px;
		margin-top: 4px;
}
#calendar_toolbar {
		color:white;
		margin-top: 3px;
		display:inline;
}
#calendar_toolbar a {
		color:white;
}
#calendar_topnav {
		font-family:Lucida Grande, Verdana;
		font-size:15px;
		font-weight:normal;
		color:white;
		margin-top: 3px;
		float:right;
		display:inline;
		margin-right: 10px;
		z-index:20; 
}
#calendar_topnav a {
	color:white;
	text-decoration:none;
}
.arrow_right {
	margin:3px;
	float:left;
	border-style:solid;
	border-width:10px;
	border-color:#409bbd #409bbd #409bbd white;
	width:0px;
	height:0px;
	line-height:0px;
}
.arrow_left {
	margin:3px;
	float:left;
	border-style:solid;
	border-width:10px;
	border-color:#409bbd white #409bbd #409bbd;
	width:0px;
	height:0px;
	line-height:0px;
}
#calendar_controls {
		position:absolute;
		/*width:20%; overlays other controls, use z-index? */
		width:120px;
		height:100%;
		left:0%;
}

#display_controls {
		position:absolute;
}
#content {
		position:absolute;
		/*background-color: #bfc2fd;*/ 
		white-space:nowrap;
		width:100%;
		height:auto;
		padding:1px;
	}

.month {
		position:static;
		float:left;
		/*border-left:1px;
		border-left-style:solid;
		border-left-color:black;
		border-right:1px;
		border-right-style:solid;
		border-right-color:black;*/
		background-color: white; 
		width:8.0%;
		padding:2px;
		top:2%;
	}
.date_container {
		position:static;
		float:left;
		display:inline;
	}
/* Day div per class*/

.d 	{
		position:static;
		/*clear:left;*/
		clear:both;
		/*float:left;*/
		width:95%;
		height:auto;
		min-height:40px;
		border:1px;
		border-style:solid;
		border-color:#bfc2fd;
		/*border-bottom:2px;
		border-bottom-style:solid;*/
		padding:2px;
		margin-top:2px;
	}
	
.d.day 	{
		border-bottom-color:#bfc2fd;
	}

.d.sunday	{
		background-color: #d5d7ff;
		border-color:#bfc2fd;
	}

.d.today 	{
		border-color:red;
/*		border-bottom-color:#bfc2fd;
		border-left:2px;
		border-left-style:solid;
		border-left-color:red;
		border-right:2px;
		border-right-style:solid;
		border-right-color:red;
*/
	}

.d.sundaytoday 	{
		background-color: #d5d7ff;
		border-color:red;
	}
	
/* Day of Month per ID */

.dayofmonth {
		font-family:Lucida Grande, Verdana;
		font-size:18px;
		font-weight:bold;
	/*	letter-spacing:0.3em;*/
		text-align:right;
		float:left;
		min-width:26%;
	}
	
.dayofmonth.day {
		color:black;
	}

.dayofmonth.sunday {
		color:grey;
	}

.dayofmonth.today {
		color:red;
	}

.dayofmonth.sundaytoday {
		color:red;
	}

/* Weekday */

.weekday {
		font-family:Lucida Grande, Verdana;
		font-size:14px;
		font-weight:normal;
		margin-top:1px;
	}
	
.weekday.day {
		color:black;
	}

.weekday.sunday {
		color:grey;
	}

.weekday.today {
		color:black;
	}

#month_name {
		position:absolute;
		font-family:Lucida Grande, Verdana;
		font-size:14px;
		font-weight:bold;
		top:-20px;
		z-index:10; 
	}

.month_name_year {
		color: #bfc2fd;
	}

#weekofyear {
		position:static;
		font-family:Lucida Grande, Verdana;
		font-size:20px;
		font-weight:bold;
		text-align:right;
		color:lightgrey;
		top:0%;
		float:right;
		z-index:5; 
		padding:0px;
	}


/* Events */

.events {
		position:relative;
		clear:both;
		overflow:hidden;
		/*z-index:200;*/ 
	
		font-family:Lucida Grande, Verdana;
		font-size:10px;
		font-weight:normal;
		white-space:nowrap;
		
	/*	float:right;
		width:60%;
		float:left;
		top:0%; 
		left:30%; */
		
	/*	border:0px;
		border-style:solid;
		border-color:#bfc2fd;
		border-bottom:2px;
		border-bottom-style:solid;*/
		
		padding:1px;
		margin-top:1px;
		
		background-color: #52b7d0;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		/*border-color:#bfc2fd;*/

	}

.events.anniversary {
		background-color: #36a8ff;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		
}

/* class */

.public {

}

.private {

}

span.confidential { 	
	/* blur */
	/* blur whole object */
    	
	-webkit-filter:blur(2px);
    	-moz-filter:blur(2px);
    	-o-filter:blur(2px);
    	filter:blur(2px);
	
		
	/* blurry text */
	/*color: transparent;*/
	/*used:
	color: rgba(0, 0, 0, 0);
	text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 4px;
	*/
}

#event_action {
		position:absolute;
		z-index:40; 
		width:auto;
		min-width:120px;
		height:auto;
		background-color: #ffffff;
		visibility:hidden;
		filter: alpha(Opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		border:1px;
		border-style:solid;
		border-color:#000000;
		padding:1px;
		
	/*	border-top:1px;
		border-top-style:solid;
		border-top-color:black;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:black;*/
		
		font-family:Lucida Grande, Verdana;
		font-size:10px;
		font-weight:normal;

}


/*#event_toolbox {*/
.tooldiv {
		position:absolute;
		/*z-index:51; */
		width:auto;
		height:100%;
		top:0px;
		right:0px;
		background-color: #ffffff;
		/*visibility:hidden;*/
		filter: alpha(Opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		border:0px;
		border-style:solid;
		border-color:#000000;
		padding:1px;
		margin:1px;
		
		font-family:Verdana;
		font-size:9px;
		font-weight:bold;
		color:#000000;
}

input { 
	border : 0px solid black; 
	
	background:#FFFFFF; 
	background-color:#FFFFFF; 
	font-family:Lucida Grande, Verdana;
	font-size:10px;
	font-weight:normal;
	/*font-family: Tahoma; 
	font-size : 12px; 
	font-weight: 600; 
	color: #eeeeee;*/
	color: black;
}

.tooldiv_decre {
		position:static;
		/*z-index:200;*/ 
		top:-10px;
	
		font-family:Lucida Grande, Verdana;
		font-size:10px;
		font-weight:normal;
		white-space:nowrap;
		
		border:1px;
		border-style:solid;
		border-color:#000000;
		
		padding:0px;
		
		background-color: #ffffff;
	}

/* spinner */
@keyframes spinner {
    to {transform: rotate(360deg);}
}

@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}

.spinner {
        display: inline;
    min-width: 30px;
    min-height: 30px;
}

.spinner:before {
    content: 'Loading…';
    position: absolute;
    width: 24px;
    height: 24px;
	/* month width is 8% */
	margin-left: 3%;
}

.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #03ade0;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}

/* fa styles */
.fa.icon-white {
	color: white;
}
.fa.icon-red {
	color: red;
}