#calendarFromFrame {
    position: absolute;
    width: 0px;
    height: 0px;
}
#calendarToFrame {
    position: absolute;
    width: 0px;
    height: 0px;
}

#fromCalendar {
    position: absolute;
    left: 366px;
    /* without bonus banner top: 404px;*/
    top: 444px;
}
#toCalendar {
    position: absolute;
    left: 366px;
    /* without bonus banner top: 440px;*/
    top: 480px;
}



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

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


.caption {
	background-color: #245FA1;
	color:#FFFFFF;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
	padding: 5px;
}
.prevMonth {
    font-size: 10px;
    text-align: left;
	color:#FFFFFF;
}
.nextMonth {
    font-size: 10px;
    text-align: right;
	color:#FFFFFF;
}

.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;
    
}


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

.prevDay {
    text-align: right;
	background-color: #f3f3f3;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
}




