.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 14px;
  font-family: Arial,Verdana;
  cursor: pointer;
  padding:6px;
}
.calendar_button
{
    border:none;
    cursor:pointer;
    width:32px;
    height:32px;
}
.calendar td
{
  font-size:16px;
  text-align:center;
}
.title
{
    font-weight:bold;
    font-size:18px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006fe5), to(#2b3269));
    border-bottom:1px Black solid;
    color:White;
}
.day
{
    width:32px;
  cursor:pointer;
  text-align:center;
  height:32px;
  border:2px white solid;
}
.dayhover
{
    width:32px;
  color:#000000;
  border:2px Red solid;
  border-radius:3px;
  font-weight:bold;
  text-align:center;
}
.dayheader
{
    width:32px;
  text-align:center;
  padding-bottom:3px;
  border-bottom:1px gray solid;
  font-weight:bold;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#efefef));
}
.othermonthday
{
  color:#999999;
  text-align:center;
}
.outofrangeday
{
  visibility:hidden;
}
.selectedday
{
    width:32px;
  color:#000000;
  border:2px Red solid;
  border-radius:3px;
  font-weight:bold;
  text-align:center;
}
.calendar
{
  border:solid 2px Gray;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  box-shadow:4px 4px 10px #333333;        
}
.month
{
  background-color:#fefefe;
  font-weight:bold;
  margin:5px;
  text-align:center;  
}
.nextprev
{
  cursor:pointer;
  height:40px;
  vertical-align:middle;
  padding:3px;
}
.selector
{
  width:32px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}