.picker
{
  background-color: #FFFFFF;
  color: #555555;
  border: 1px #808080 solid;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
    border:none;
    cursor:pointer;
    width:25px;
    height:22px;
    vertical-align:text-bottom;
}

.calendar td
{
  font-size:11px;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  color: #555555;
  border-color:#808080;
  border-collapse:collapse;
  background-color:#ffffff;
  cursor:default;
}

.title
{
  font-weight: bold;
  color: #555555;
  background-color: #e4e4e4;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.month
{
  background-color: #ffffff;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.monthtitle
{
  text-align:center;
  background-color:#f1f1f1;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-bottom-width:0px;
  border-top-width:0px;
  border-right-width:1px;
  border-left-width:1px;
  border-color:#ffffff;
  border-style:solid;
  background-color:#ffffff;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#f1f1f1;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
  text-decoration:underline;
}

.selectedday
{
  width:25px;
  background-color:#e4e4e4;
  color:#333333;
  border-width:1px;
  border-color:#e2001a;
  border-style:solid;
  font-weight:bold;
}
.today
{
  width:25px;
  background-color:#e4e4e4;
  color:#333333;
  border-width:1px;
  border-color:#acacac;
  border-style:solid;
  font-weight:normal;
}
.weekend {
  color: #acacac;
  background-color: #FCE6E9; /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); */
}
.othermonthday
{
  visibility:hidden;
}

.outofrangeday
{
  visibility:hidden;
}