/***************/

 /* vlaCalendar */

/***************/



/* Picker */



.vlaCalendarPicker {

	position: absolute;

	z-index: 999;

	

	margin-top: -5px;

	margin-left: -2px;

	

	display: none;

}



.vlaCalendarPicker .pickerBackground {

	background: transparent url('../imgs/calendar_background.png') no-repeat top center;

	padding: 16px;

	height: 130px;

	width: 166px;

	overflow: hidden;

}



/* Background for IE6 - code does not validate as it is a hack */

*html .vlaCalendarPicker .pickerBackground {

	background-image: url('../imgs/calendar_background.gif');

}



/* Main calendar */



.vlaCalendar, .vlaCalendar table {

	font-family: calibri, arial !important;

	color: black;

	font-size: 12px !important;

}



.vlaCalendar {

	display: block;

	width: 164px;

}

.vlaCalendar .container, .vlaCalendar .container div {

	width: 164px;

	height: 130px;

	text-align: left;

	position: absolute;

	overflow: hidden;

}



.vlaCalendar span.indication {

	display: block;

	text-align: center;

}



.vlaCalendar table {

	margin-top: 8px;

	text-align: right;

	border-collapse: collapse;

	background-color: white; /* <- IE ugly text in transition fix  */

}



.vlaCalendar .picker td {

	cursor: pointer;

}



/* Label & arrows */



.vlaCalendar .label:hover {

	color: #0066cc;

	cursor: pointer;

}

.vlaCalendar .noHover:hover {

	color: black;

	cursor: default;

}



.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {

	background: transparent url('../imgs/arrowleft.gif') no-repeat center;

	height: 12px;

	width: 10px;

	cursor: pointer;

}

.vlaCalendar .arrowLeft {

	margin-left: 5px;

	float: left;

}

.vlaCalendar .arrowLeft:hover {

	background-image: url('../imgs/arrowleft_hover.gif');

}

.vlaCalendar .arrowRight {

	margin-right: 5px;

	float: right;

	background-image: url('../imgs/arrowright.gif');

}

.vlaCalendar .arrowRight:hover {

	background-image: url('../imgs/arrowright_hover.gif');

}



/* Month */



.vlaCalendar .month th {

	text-align: center;

	font-weight: normal;

	width: 24px;

	padding-bottom: 1px;

	border-bottom: 1px solid #f5f5f5;

}



.vlaCalendar .month td {

	padding-right: 3px;

	height: 15px;

}



.vlaCalendar .month tr.firstRow td {

	padding-top: 2px;

}



.vlaCalendar .month td:hover {

	background: url('../imgs/day_hover.gif') bottom no-repeat;

	color: #0066cc;

}



.vlaCalendar .month td.selected {

	background: url('../imgs/day_selected.gif') bottom no-repeat;

	color: #0066cc;

}

.vlaCalendar .month td.selected:hover {

	background-image: url('../imgs/day_selected_hover.gif');

}



.vlaCalendar .month td.outsideDay {

	color: #a8a8a8;

}

.vlaCalendar .month td.outsideDay:hover {

	color: #b1c5fc;

}



/* Year & decade */



.vlaCalendar .year {

	margin-left: 2px;

}



.vlaCalendar .year td {

	width: 40px;

	height: 35px;

	text-align: center;

	cursor: pointer;

}

.vlaCalendar .year td:hover {

	background: url('../imgs/month_hover.gif') center no-repeat;

	color: #0066cc;

}



.vlaCalendar .year td.selected {

	background: url('../imgs/month_selected.gif') center no-repeat;

}

.vlaCalendar .year td.selected:hover {

	background-image: url('../imgs/month_selected_hover.gif');

}



.vlaCalendar .year td.current {

	background: url('../imgs/month_current.gif') center no-repeat;

	color: #0066cc;

}

.vlaCalendar .year td.current:hover {

	background-image: url('../imgs/month_current_hover.gif');

}



.vlaCalendar .year td.selectedcurrent {

	background: url('../imgs/month_selectedcurrent.gif') center no-repeat;

}

.vlaCalendar .year td.selectedcurrent:hover {

	background-image: url('../imgs/month_selectedcurrent_hover.gif');

}



.vlaCalendar .year td.outsideYear {

	color: #a8a8a8;

}

.vlaCalendar .year td.outsideYear:hover {

	color: #b1c5fc;

}