table.calendar {
	width: 100%;
}
table.calendar tr {
	vertical-align: top;
}
.calendar thead td {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	height: 25px;
}
td.cal-box {
	border: 3px solid gray;
	height: 60px;
	width: 135px;
	padding: 0 3px;
}
div.day {
	font-size: 14px;
}
div.shift {
	font-size: 12px;
	padding: 0 2px;
	border: 1px solid transparent;
	border-top: 1px solid #777;
}
div.shift.vacant {
	cursor: pointer;
}
div.shift.vacant:hover {
	border: 1px solid red;
}
div.shift.filled {
	background-color: #ddd;
}
div.shift.selected {
	background-color: #aaffaa;
}
div.shift div.status-selected {
	display: none;
}
div.shift.selected div.status {
	display: none;
}
div.shift.selected div.status-selected {
	display: initial;
}
div.shift.mine {
	color: #fff;
	background-color: #095596;
}