.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 9pt;
  font-weight: bold;
  font-family: Segoe UI, Tahoma;
  padding: 2px;
  cursor: pointer;
  width:70px;
}
.calendarTitle
{
	color: #000000;
	height:18px;
	padding-left:2px;
	font-weight:bold;
}
.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:9pt;
}
.calendarheader
{
   background-color:#757495;
	color:white;
	font-size:10pt;
	font-weight:normal;
	font-family:Segoe UI, Tahoma;
	text-align:left;
	padding:4px;
	vertical-align:middle;
	height:22px;
}

.calendarheaderbutton
{
    font-family:Tahoma;
	font-size:10pt;
	padding-left:5px;
	padding-right:5px;
}


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

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

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

.othermonthday
{
  color:#c0c0c0;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !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: #F4F4F4;
    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;
}

.calendarButton {
	font-weight: bold;
	font-size: 20pt;
	color: white;
	font-family: Segoe UI, Tahoma, Helvetica;
}



/* new calendar */