/*---------basic calendar style ----------------*/
.cal {
	border-collapse: collapse;
	background-color: #EEEEEE;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	margin: 20px;
	margin-bottom: 0px;
}
.cal th {
	font-weight: normal;
}
.cal thead tr {
	text-align: center;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
.cal .cell-caption {
	font-weight: bold;
	text-transform: uppercase;
}
.cal .cell-next {
	text-align: right;
}
.cal .cell-prev {
	text-align: left;
}
.cal td {
	font-size: 12px;
	vertical-align: top;
	width: 14.3%
}
.cal .daycaption {
	text-align: right;
	display: block;	
}
.cal td.cell-day:hover {
	background-color: #C9DBED; 
}
.cal td.cell-notinmonth{
	color: gray;
}
.cal td.cell-day a.daylink {
	font-weight: bold;
}
.cal a.daylink {
	text-decoration: none;
	color: inherit;
}
/*--------- large cal --------------*/
.large .cal {
	width: 760px;
}
.large .cal th{
	padding: 5px;
}
.large .cal td {
	height: 80px;
	border: 1px dashed gray;
}
.large .cal td.cell-day {
	padding: 5px;
}
.large .cal .daycaption {
	font-size: larger;
	font-weight: bold;
}
.large .cal td.cell-notinmonth .daycaption {
	font-weight: normal;
}
.large .cal span.small {
	display: none;
}
.large .cal events {
	
}
/*--------- small cal --------------*/
.small .cal {
	width: 176px;
	font-size: 12px;
	margin-bottom: 20px;
}
.small .cal .row-nav th {
	padding: 5px;
}
.small .cal .event {
	display: none;
}
.small .cal td {
	height: inherit;
}
.small .cal .daycaption {
	font-weight: normal;
}
.small .cal a.daylink {
	text-decoration: none;
}
.small .cal span.large {
	display: none;
}
.small .cal .yes-events .daycaption {
	font-weight: bold;
	color: #336699;
}

.small .cal td > a {
	display: block;
	position: relative;
}
.small .cal .events {
	margin: 0px;
	display: none;
	z-index: 150;
	border: 1px solid gray;
	background-color: #C9DBED;
	min-width: 200px;
	padding: 3px 5px;
}

.small .cal td:hover .events {
	display: block;
	position: absolute;
	left: 25px;
	bottom: -25px;
}