@charset "UTF-8";

#calTable {
	border-collapse: collapse;
	border-radius: 5px;
}

td.calBox {
	border: 1px solid #CCDDEE;
	width: 200px;
	height: 150px;
	vertical-align: top;
}

td.calBox div.date {
	background: #E8EEF7;
	font-size: 11px;
	padding: 2px;
	cursor: pointer;
}

td.sat div.date, td.sun div.date {
	color: red;
}

td.calBox div.today {
	background: #BBCCDD;
}

td.dayCal {
	text-align: center;
	background: #49afb6;
	border: 1px solid #49afb6;
	height: 30px;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight : bold;
}

#dateInfo {
	font-weight: bold;
	margin: 3px;
}

#addBox {
	display: none;
	position: absolute;
	width: 300px;
	border: 1px solid #000;
	height: 100px;
	background: #FFFF99;
	padding: 10px;
}

#taskDate {
	height: 30px;
	font-weight: bold;
	padding: 3px;
}

.taskBtn {
	margin: 10px;
}

#editBox {
	display: none;
	position: absolute;
	width: 300px;
	border: 1px solid #000;
	height: 70px;
	background: #99FF99;
	padding: 10px;
}

div.task {
	width: 98px;
	overflow: hidden;
	white-space: nowrap;
	background: #668CB3;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 1 2 1 3;
	cursor: pointer;
}

.u-arrow {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

.u-arrow-up {
	transform: rotate(-45deg);
}

.u-arrow-down {
	transform: rotate(135deg);
}

.u-arrow-left {
	transform: rotate(-135deg);
}

.u-arrow-right {
	transform: rotate(45deg);
}