.picker
{
  font-size: 12px;
  font-weight:normal;
  color:black;
  font-family:Arial;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:25px;
	height:22px;
}

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

.title
{
  color:white;
  font-weight:bold;
  background: url(Images/WebParts/webpart_bg.gif) transparent; 
}

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

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

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

/* 
    Other month days are grey and visible.

    This style works for WebForms. With WebForms the default visibility is hidden.
*/
.othermonthday
{
  color:#999999;
}

/* 
    Other month days are grey and visible.

    This style works for MVC. With MVC the default visibility is visible. If we
    explicity set the visibility, the hidden dates are appearing at the top of
    the page and disappear when the calendar is popped up.
*/
.othermonthday_mvc
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  width:25px;
  background-color:#DC202C;
  color:#000000;
  border-width:1px;
  border-color:#991720 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

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

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

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}