.calendar
{
z-index: 1001;
position: absolute;
display: none;
    
background-color: #c3d9ff;
margin:1px;
border:1px solid #c3d9ff;
font-size:11px;
width:184px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
display:block;
padding:3px;
min-height:175px;
}
.calendar:hover{
cursor:pointer;
/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.calendar .calwrapper{
display:block;
}
.calendar .calweekswrapper{
display:block;
border: 1px solid gray;	
}
.calendar .calheader{
display: block;
width:100%;
text-align:center;
color:#112aab;
font-size:11px;
font-weight: bold;
margin-bottom:2px;
}
.calendar .caltitle{
width:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.calendar .calcontrol{
font-weight: bold;
width:25px;
}
.calendar .calcontrol:hover{
}
.calendar .calclose{
float:right;
display:none;
}
.calendar .calprevmonth{
float:left;
}
.calendar .calnextmonth{
float:right;
}
.calendar .calnextyear{
display:none;
}
.calendar .calprevyear{
display:none;
}
.calendar .daybox{
float:left;
background-color: white;
border:1px solid white;
width:20px;
padding:2px;
color:black;
text-align:center;	
}
.calendar .dayboxvalue{
display: none;
}
.calendar .dayboxname{
border: 1px solid #c3d9ff;
background-color: #c3d9ff;
color:black;
}
.calendar .dayboxsunday{
background-color: #e8eef7;
border: 1px solid #e8eef7;
}
.calendar .dayboxsaturday{
background-color: #e8eef7;
border: 1px solid #e8eef7;
}
.calendar .daybox:hover{
}
.calendar .dayboxname:hover{
}
.calendar .dayinmonth{
color: black;
}
.calendar .dayoutmonth{
color:gray;
}
.calendar .dayselected{
background-color: #aaccee;
color: black;
}
.calendar .daycurrent{
border:1px solid #e8eef7;
}
.calendar .weekbox{
width:100%;
min-height:21px;
display:block;
}
.calendar .endweek{
float:left;
}
.calendar .weekboxname{
}
.calendar .daybox.dayboxsaturday .dayboxdate
{
font-weight: 800;
}

.calendar .weekbox.selectedweek .daybox
{
background-color: #ddffcc;
}