﻿.calendarWrap{
position:relative;
float:left;
margin:20px 0px 0px 17px;
width:258px;
height:230px;
background:#e5e2e2;
}

.calendarHeader{
width:258px;
height:33px;
background:#858585;
position:relative;
color:#ffffff;
line-height:33px;
text-align:center;
text-transform:uppercase;
font-size:11px;
}

.prevMonth{
position:relative;
float:left;
}
.nextMonth{
position:relative;
float:right;

}

.calendar{
position:relative;
	border: 0px;
	margin: 10px auto;
	font-size: 11px;
	width:210px;
}
.calendar td, th {
	width: 35px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	position: relative;
	
}
.calendar td:hover, th:hover {
	background:#d6d4d4;
	color: #222;
}
.calendar td.date_has_event {
background:#57a2ed;
	color: white;
}

.calendar td.today {
	background:#b62b00;
	color: white;
}

.border1{
border-right:1px #c4c2c2 solid;
border-bottom:1px #c4c2c2 solid;
}

.border2{
border-bottom:1px #c4c2c2 solid;
}

.border3{
border-right:1px #c4c2c2 solid;
}


