.calender {
	width:318px;
	margin:auto;
	overflow-y:auto
}
.event {
	display: none;
	padding:10px;
	border-bottom:1px dashed #eee;
	color:#aaa
}
.event h1 {
	font:16px;;
	color:#555;
	float:left
}
.event h2 {
	font:14px;;
	color:#888;
	text-align:right;
	padding-top:12px
}
.event p {
	font:10px;
	clear:both
}
.in {
	/*width:100%;
	height:100%;
	background:#fff*/
}
.header {
	height:42px;
	background:url('headerBottom.png') repeat-x center bottom
}
.searchHolder {
	position:absolute;
	margin:0 0 0 40px;
	z-index: 2
}
.search, .home {
	position:absolute;
	width:38px;
	height:38px;
	background:#bbb url('search.png') no-repeat center center;
	border:10px solid #fff
}
.home {
	margin-left:30px;
	background-image:url('home.png')
}
.search:hover, .home:hover {
	background-color:#ccc
}
.search:active {
	margin:1px 0 0 1px
}
.home:active {
	margin:1px 0 0 31px
}
.arrowHolder {
	position:absolute;
	width:300px;
	margin:5px
}
.arrow {
	width:24px;
	height:27px;
	padding:5px;
	background:#fff no-repeat 12px 12px;
	border-width:0
}
.arrow:hover {
	background-position:11px 11px
}
.arrow:active {
	background-position:12px 12px
}
.arrow.left {
	background-image:url('arrowLeft.png');
	position:absolute;
}
.arrow.right {
	background-image:url('arrowRight.png');
	float:right;
}
.monthYear {
	width:250px;
	text-align:center;
	font:16px;
	color: #999;
	padding:0 0 0 70px;
	margin:0
}

.clock {
	position:absolute;
	margin:6px 0 0 220px;
	font:24px;
	color:#bbb
}
.clock span {
	font-size:12px
}
.days div {
	width:35px;
	float:left;
	padding:5px 0 0;
	text-align:center;
	font:12px;
	color:#bbb;
	margin: 0 1px 0 7px;

}
.dates {
	float:left;
	width:320px;
}
.dates div {
	width:35px;
	height:35px;
	background:#fbfbfb;
	border:1px solid #f5f5f5;
	float:left;
	margin:5px 0 0 6px;
	text-align:center;
	font:12px;
	color:#aaa;
	cursor:default
}
.dates div.date:hover {
	width:33px;
	height:33px;
	border-width:2px;
	font-size:12px;
	background: #fff;
}
.dates div.today {
	background:#f5f5f5;
	border-color:#ccc;
	color:#555;
	font-weight:bold
}
.dates div.highlight {
	background:#ffe8e8;
	border-color:#E80000;
	color:#E80000;
	cursor:pointer;
	text-align:left;
	overflow: hidden;
}
.dates div p.number {
	margin:0;
/* 	width:87px; */
	text-align:center;
	line-height: 35px;
}
.dates div.highlight:hover {
}
.dates div.highlight span {
	position:absolute;
	display:none;
	width:35px;
	margin-top:-2px;
	text-align:center;
	font-size:10px
}
.dates div.searched {
	border:1px dashed #555
}
.dates div.out {
	background:#fff;
	border:1px solid #fff;
	line-height: 35px;
	color:#d9d9d9
}

#calenderModal {
	display:none
}
#calenderModalBG {
	position:fixed;
	z-index: 998;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity = 60)
}
#calenderSearchForm, #dateInfoBox {
	position:absolute;
	display:none;
	left:50%;
	width:260px;
	height:145px;
	padding:30px;
	margin-left:-160px;
	z-index:999;
	background: #fff; /*url('modalBG.png')*/
}
#dateInfoBox {
	padding:20px;
	margin-left:-300px;
	width:600px;
	height:200px;

}
#calenderSearchForm h1, #dateInfoBox h1 {
	font:18px Century Gothic, Arial;
	text-align:center;
	margin:0 0 20px;
	color:#257C26
}
#dateInfoBox h1 {
	margin-bottom:5px
}
#calenderSearchForm h1:first-child, #dateInfoBox h1:first-child {
	cursor:move
}
#calenderSearchForm input.text {
	width:180px;
	height:26px;
	padding:10px;
	background:#eee;
	font:16px;
	border-width:0;
	background:url('searchText.png');
	color:#aaa
}
#calenderSearchForm input.submit {
	width:60px;
	height:46px;
	padding:0 30px;
	border-width:0;
	position:absolute;
	background:url('searchSubmit.png')
}
#calenderSearchForm input.submit:active {
	margin:1px 0 0 1px
}
#calenderSearchForm a, #dateInfoBox a {
	display:block;
	font:10px;
	width:50px;
	text-align:center;
	color:#aaa;
	padding:10px;
	margin:20px auto 0
}
#dateInfoBox a {
	margin-top:5px;
	padding:5px
}
#dateInfoBox p {
	margin:0 0 15px;
	font:13px;
	color:#aaa
}
#dateInfoBox #dateInfoScroller {
	height:180px;

	overflow-y:auto
}
#dateInfoScroller p a {
	display: inline;
	color: #DC0000;
}