.viewmode {
	color: black;
}
.viewmode .item {
	display: inline-block;
	vertical-align: middle;
}
.viewmode .item .left {
	display: inline-block;
	width: 2px;
	height: 24px;
	vertical-align: middle;
}
.viewmode .item .right {
	display: inline-block;
	width: 5px;
	height: 24px;
	vertical-align: middle;
}
.viewmode .item a {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	padding: 0px 21px 0px 6px;
	font: bold 12px/24px Arial,sans-serif;
	color: black;
}
.viewmode .month a {
	background: url(../images/demo/calendar-icon.gif) right center no-repeat;
}
.viewmode .list a {
	background: url(../images/demo/list-icon.gif) right center no-repeat;
}
.viewmode .mini a {
	background: url(../images/demo/minical-icon.gif) right center no-repeat;
}
.viewmode .selected {
	background: url(../images/demo/viewmode-btn-mid.gif) left top repeat-x;
}
.viewmode .selected .left {
	background: url(../images/demo/viewmode-btn-left.gif) left top no-repeat;
}
.viewmode .selected .right {
	background: url(../images/demo/viewmode-btn-right.gif) left top no-repeat;
}

table.calendar {
	width: 100%;
	margin-top: 15px;
  border-collapse: collapse;
}
table.calendar thead.title td,
table.calendar thead.title th {
	border-bottom: 14px solid white;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
table.calendar thead.title th {
	background: url(../images/demo/calendar-title-bg.gif) left top repeat-x;
}
table.calendar h2 {
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	border: 0 none;
}
table.calendar td.navleft,
table.calendar td.navright {
	background: url(../images/demo/calendar-nav-bg.gif) left top repeat-x;
}
table.calendar td.navleft {
	text-align: left;
}
table.calendar td.navleft a {
	display: inline-block;
	font: bold 12px/35px Arial,sans-serif;
	padding-left: 12px;
	background: url(../images/demo/calendar-nav-left.gif) left top no-repeat;
}
table.calendar td.navright {
	text-align: right;
}
table.calendar td.navright a {
	display: inline-block;
	font: bold 12px/35px Arial,sans-serif;
	padding-right: 12px;
	background: url(../images/demo/calendar-nav-right.gif) right top no-repeat;
}
table.calendar thead.days th {
	background: #364754;
	text-align: center;
	border-bottom: 3px solid white;
	font: bold 12px/29px Arial,sans-serif;
	color: white;
	width: 14.2857%;
}
table.calendar thead.days th.weekend {
	background: #24323d;
}
table.calendar tbody td {
	padding: 0px 5px 5px 5px;
	vertical-align: top;
	height: 88px;
	background: #eeeeee;
	border-bottom: 3px solid white;
	color: black;
	font: normal 11px/13px Arial,sans-serif;
}
table.calendar tbody a {
	font-weight: bold;
}
table.calendar div.day {
	text-align: right;
	border-left: 1px solid #b4b4b4;
	margin-left: -5px;
	font: bold 12px/12px Arial,sans-serif;
	padding-top: 4px;
	margin-bottom: 5px;
}
table.calendar td:first-child div.day {
	border-left: 0 none;
}
table.calendar tbody td.vamp {
	background: #d4d4d4;
	color: #888888;
}
table.calendar td.today div.day {
	border-top: 3px solid #0096ff;
	padding-top: 1px;
	margin-right: -5px;
	padding-right: 5px;
}

div.calheader {
	position: relative;
	background: url(../images/demo/calendar-title-bg.gif) left top repeat-x;
	height: 35px;
	margin: 15px 0px 10px 0px;
}
div.calheader div.back6 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/demo/calendar-nav-bg.gif) left top repeat-x;
}
div.calheader div.back6 a {
	display: inline-block;
	padding: 0px 9px 0px 11px;
	font: bold 12px/35px Arial,sans-serif;
	background: url(../images/demo/calendar-nav-left.gif) left top no-repeat;
}
div.calheader div.forward6 {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/demo/calendar-nav-bg.gif) left top repeat-x;
}
div.calheader div.forward6 a {
	display: inline-block;
	padding: 0px 10px 0px 12px;
	font: bold 12px/35px Arial,sans-serif;
	background: url(../images/demo/calendar-nav-right.gif) right top no-repeat;
}
div.calheader h2 {
	text-align: center;
	line-height: 35px;
	padding: 0px;
	margin: 0px;
}
div.monthblock {
	margin-top: 4px;
	background: #eeeeee;
	padding: 10px 11px;
}
div.monthblock dl {
	margin: 5px 0px 0px 0px;
	border: 3px solid #e0e0e0;
	background: white;
	padding: 2px 8px;
	font: normal 12px/24px Arial,sans-serif;
}
div.monthblock dt {
	display: inline;
	float: left;
	width: 107px;
	margin: 0px -107px 0px 0px;
	font-weight: bold;
}
div.monthblock dd {
	margin: 0px;
	padding: 0px 0px 0px 107px;
	border-bottom: 1px solid #b4b4b4;
}
div.monthblock dd a {
	font-weight: bold;
}
div.monthblock dd.lastchild {
	border-bottom: 0 none;
}

/* minical */
div.minical {
	position: relative;
	display: inline;
	float: left;
	background: url(../images/demo/minical-mid.gif) left top repeat-y;
	width: 226px;
	padding: 16px 27px;
	margin: 0px -280px 0px -4px;
}
.minicaltop {
	position: absolute;
	top: 0px;
	left: 0px;
}
.minicalbottom {
	position: absolute;
	bottom: -1px;
	left: 0px;
}
div.minical table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 226px;
}
div.minical thead td {
	text-align: center;
	border-bottom: 1px solid #e8d5ac;
	font: bold 14px/24px Arial,sans-serif;
	color: #803203;
	padding-bottom: 6px;
}
div.minical thead th {
	text-align: right;
	padding: 8px 9px 5px 0px;
	font: bold 12px/25px Arial,sans-serif;
	color: black;
}
div.minical tbody td {
	margin: 0px;
	padding: 0px 9px 5px 5px;
	height: 25px;
	font: normal 12px/25px Arial,sans-serif;
	color: black;
	text-align: right;
}
div.minical tbody td.disabled {
	color: #959595;
}
div.minical tbody td a {
	display: block;
	padding-right: 4px;
	margin-right: -4px;
	text-align: right;
}
div.minical tbody td.active a {
	color: white;
	background: #803203;
}
a.minicallast {
	position: absolute;
	top: 15px;
	left: 25px;
}
a.minicalnext {
	position: absolute;
	top: 15px;
	right: 25px;
}
a.minicallast img,
a.minicalnext img {
	border: 0 none;
}
div#minicaldetail {
	float: left;
	display: inline;
	margin-left: 292px;
}