* {
	padding: 0px;
	margin: 0px;
}
.color-a1 {
	/* the important is needed for highlighting to work */
	color: #ff6000 !important;
}
.color-b1 {
	color: #323232;
}
.color-c1 {
	color: #b5b5b5;
}
.color-d1 {
	color: #d7d7d7;
}
.color-a2 {
	/* the important is needed for highlighting to work */
	color: #0c9bd1 !important;
}
.color-b2 {
	color: #323232;
}
.color-c2 {
	color: #7ed3f6;
}
.color-d2 {
	color: #cfebf9;
}
.color-a3 {
	/* the important is needed for highlighting to work */
	color: #95aa08 !important;
}
.color-b3 {
	color: #323232;
}
.color-c3 {
	color: #d2d2d2;
}
.color-d3 {
	color: #c4cc8d;
}
.color-a4 {
	/* the important is needed for highlighting to work */
	color: #ffba00 !important;
}
.color-b4 {
	color: #ffffff;
}
.color-c4 {
	color: #8b8b8b;
}
.color-d4 {
	color: #d7d7d7;
}
.view {
	font-family: arial, sans-serif;
	width: 233px;
	height: 251px;
	text-align: center;
	margin: 0 auto;
}
#view-today div.date {
	font-size: 120px;
	line-height: 100px;
	height: 100px;
	cursor: pointer;
}
#view-today div.day-of-week {
	font-size: 18px;
	cursor: pointer;
}
.month-year {
	font-size: 16px;
	text-align: center;
}
#view-today .month-year span,
#view-month .month-year .year {
	cursor: pointer;
}
#view-month, #view-year {
	font-size: 11px;
}
#year-table {
	margin: auto;
}
 
#year-table {
	font-size: 12px;
	text-align: center;
}
#view-month #month {
	margin: auto;
}
#view-month #month td {
	font-size: 12px;
	text-align: right;
	width: 17px;
	height: 21px;
	padding-right: 5px;
}
#view-month #month .header {
	font-weight: bold;
	color: #808080;
	text-align: center;
}
 
#year-table td {
	font-size: 12px;
	width: 25px;
	height: 35px;
	padding: 12px 10px;
	cursor: pointer;
}
.right-arrow {
	width: 22px;
	height: 16px;
	cursor: pointer;
}
.left-arrow {
	width: 22px;
	height: 16px;
	cursor: pointer;
}
 
.today, .this-month {
	color: #ffffff;
	cursor: pointer;
}
 
.back-arrow {
	width: 18px;
	height: 11px;
	cursor: pointer;
	float: left;
}
.skin-button {
	width: 10px;
	height: 10px;
	cursor: pointer;
	float: left;
}