/* Calendar starts */
div.hide { display: none; visibility: hidden; }

div.calendar {
font: normal 10pt arial, helvetica, sans-serif;
background: #ffffff;
color: #658dbd;
margin: 0;
padding: 0;
width: 180px;
position: absolute;
z-index: 20;
}
div.calendar div.loader {
margin: 0 auto 0 auto;
padding: 15px 0 15px 0;
width: 172px;
position: relative;

border: 1px solid #658dbd;
background-color: #FFFFFF;
text-align: center;
}
div.calendar div.table {
margin: 0;
padding: 1px 1px 1px 1px;
width: 100%;
height: 100%;
float: left;
clear: both;
width: 175px;
border: 1px solid #658dbd;
background-color: #FFFFFF;
}
div.calendar div.period {
margin: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
clear: both;
background-color: #0066aa;
color: #FFFFFF;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #658dbd;
}
div.calendar div.period a.closeBtn {
position: absolute;
top: 1px;
right: 7px;
text-decoration: none;
color: #FFFFFF;
}
div.calendar div.week {
margin: 0;
padding: 0;
width: 100%;
float: left;
clear: both;
}
div.calendar div.week_title {
margin: 0;
padding: 0;
width: 100%;
float: left;
clear: both;
color: #FFFFFF;
}
div.calendar div.week_title div.day {
background-color: #0066aa;
}
div.calendar div.day, div.calendar div.day_isEmpty, div.calendar div.day_over, div.calendar div.day_hasEvent, div.calendar div.day_isPast, div.calendar div.day_isToday {
margin: 1px 1px 1px 1px;
padding: 2px 2px 0 2px;
width: 17px;
height: 17px;
float: left;
border: 1px solid #658dbd;
text-align: center;
}
div.calendar div.day_isEmpty {
background-color: #DCECFD;
}
div.calendar div.day_over {
background-color: #F6F7BA;
color: #0066aa;
cursor: pointer;
}
div.calendar div.day_hasEvent {
background-color: #B5EFA5;
color: #0066aa;
cursor: pointer;
}
div.calendar div.day_isPast, div.calendar div.day_isToday { background-color: #EBEBEB; color:#CCCCCC; }

/* The select menus start here */
div.calendar div.periodSelect {
margin: 3px 0 0 0;
padding: 0;
float: left;
background-color: #FFFFFF;
}
div.calendar div.periodSelect select#month {
margin: 0 2px 0 0;
padding: 0;
width: 80px;
float: left;

font-size: 0.9em;
}
div.calendar div.periodSelect select#year {
margin: 0 2px 0 0;
padding: 0;
width: 70px;
float: left;

font-size: 0.9em;
}
div.calendar div.periodSelect img.selectBtn {
margin: 0;
padding: 0;
float: left;
cursor: pointer;
}
/* Calendar ends */