div.calendar
{
  font-size: 11px;
  color: #000;
  width: 300px;
  text-align: center;
  margin-top: 10px;
  background-color: #f7f7f7;
  height: 250px;
}


div.calendar table
{
 
  margin: 9px auto;
}

div.calendar thead {
  
}

div.calendar td,
div.calendar th
{
  padding: 5px 2px 5px 2px;
  text-align: center;
  margin: 5px;
 
}


div.calendar td.title
{
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
font-family: "Futura", Helvetica, Arial;
}

div.calendar th
{
  font-weight: bold;
  color: #050708;
}

div.calendar tr.days td {
  width: 2em;
  color: #232323;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
   background-color: #e6e6e6;
}

td.button, td.no_button {
	font-weight: bold;
	background-color: #c9c9c9;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #FFFFFF;
  cursor: pointer;
}

td.no_button:hover {
	background-color: #c9c9c9;
	cursor: default;
}

div.calendar tr.days td.otherDay:hover {
	cursor: default;
	background-color: #e6e6e6;
	
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #FFFFFF;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #b81d1d;
  color: #FFFFFF;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}