body {
	background-color: white;
}

/*.event-grid-day-header {
	height: 30px;
	line-height: 30px;
}*/

.event-grid-day-header > div {
	border-top: 1px solid #ccc;
	border-left: 1px solid #cccccc;
	text-align: center;
}

/*.event-grid-day-header:last-child > div {
	border-bottom: 1px solid #d9d9ce;
}

.event-grid-day-header > div:last-child {
	border-right: 1px solid #d9d9ce;
}*/

.month-day-box {
	height: 200px;
	position: relative;
	padding: 4px;
	background-color: white;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.week > div:last-child  {
	border-right: 1px solid #cccccc;
}

.weeks:last-child > div {
	border-bottom: 1px solid #cccccc;
}


.month-day,.month-day-events {
	font-size: .8em;
	position: absolute;
	background-color: #444;
	color: white;
/*	top: 3px;
	left: 3px;*/
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: bottom;
	border-radius: 2px;
	text-align: center;
}

.month-day-previous {
	background-color: #cccccc;
}

.month-day-events {
	top: 5px;
	left: 5px;
}

.month-day-events-box {
	background-color: white;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.more-events {
	position: absolute;
	bottom: 4px;
	height: 16px;
	width: 95.8%;
	line-height: 16px;
	/*background-color: #00467f;*/
	border-radius: 0 0 4px 4px;
	text-align: left;
	font-size: .8em;
	padding-left: 5px;
	color: white;
}

.down-arrow {
	position: absolute;
	bottom: 2px;
	z-index: 1000;
	right: 2px;
}

.day-events-container {
	line-height: normal;
	text-align: left;
	font-size: .8em;
	width: 82%;
	margin-left: 20px;
	height: 95%;
	padding: 3px;
	overflow: hidden;
}

/*.day-event {
	border-bottom: 1px solid #b31b1b;
}*/

.previous {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: .4;
}

/*@media screen and (min-width: 500px and min-width: 900px) {
	.month-day,.month-day-events {
		background-color: red
	}
}*/

@media (max-width: 900px) and (min-width: 500px) and (orientation: landscape) {
	.month-day,.month-day-events {
		/*background-color: red;*/
	}
	
/*	.row {
		width: 967px;
		max-width: 100%;
		min-width: 320px;
		margin: 0 auto;
	}

	.row .row {
		width: auto;
		max-width: none;
		min-width: 0;
		margin: 0 -15px;
	}

	.column, .columns {
		float: left;
		min-height: 1px;
		padding: 0 15px;
		position: relative;
	}

	.column:last-child, .columns:last-child {
		float: right;
	}

	[class*="column"] + [class*="column"]:last-child {
		float: right;
	}*/
}

@media (max-width: 900px) and (min-width: 500px) and (orientation: portrait) {
	.month-day,.month-day-events {
		/*background-color: green;*/
	}
}