.calendar {
	background-color: #fff;
	border: 1px solid #ccc;
  width: 180px;
}

.calendarDays {
  background-color: #ccc;
	padding: 3px;
	font-weight: bold;
	text-align: right;
  padding: 3px 5px 3px 5px;
}

.calendarCaption {
	background-color: #245FA1;
	color:#FFFFFF;
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
	padding: 5px;
}
.calendarPrevMonth {
  font-size: 10px;
  text-align: left;
  color:#FFFFFF;
  cursor:pointer;
}
.calendarNextMonth {
  font-size: 10px;
  text-align: right;
  color:#FFFFFF;
  cursor:pointer;
}

.calendarDay {
  
  font-family: verdana;
  font-size: 11px;
  text-align: right;
  font-weight: normal;
  
  color: fff;
  cursor:pointer; 
  cursor:hand;
	/* D0E2F4 - FF9C04 */
	background-color:#D0E2F4;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
}

.calendarDay:hover {
	background-color:#FF9C04;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
    
}

.calendarSelected {
  text-align: right;
	background-color:#FF9C04;
	border-bottom: 1px solid #fff;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	cursor:pointer; 
  cursor:hand;
}


.calendarEmpty {
  font-family: verdana;
  font-size: 11px;
  text-align: right;
  font-weight: normal;
  color: #ccc;
	border-bottom: 1px solid #fff;
  padding: 3px 5px 3px 5px;
}

.prevDay, .calendarPrevDay {
  font-family: verdana;
  font-size: 11px;
  text-align: right;
  font-weight: normal;  

	background-color: #f3f3f3;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
}

.calenderFrame {
  position: absolute; display: none;
  background: #fff; color: #666;
  border: 1px solid #245FA1; padding: 3px;
  font-size: 11px; width: 190px;
}

.calenderIframe {
  position: absolute; 
  display: none;
  background: #fff;
  height:245px;
}