/************/
 /* calendar */
/************/

body {
	cursor: default;
	text-align: center;
}

#calendar {
	font-family: calibri, arial;
	color: black;
	font-size: 12px;
	display: block;
	margin-top:50px; 
	margin-left: 8px; 
}

#calendar, #calendar div {
	text-align: left;
	width: 120px;
	height: 130px;
}

#calendar div {
	position: absolute;
}

#calendar div.container {
	overflow: hidden !important;
}

#calendar span.indication {
	display: block;
	text-align: center;
}

#calendar table {
	margin-top: 10px;
	text-align: right;
	border-collapse: collapse;
	background-color: #4c5f96; /* <- fixing ugly text bug in ie7 */
}

#tempLoader {
	margin-left: -999px;
}

/* label & arrows */

#arrowLeft {
	padding: 3px 8px 3px 5px;
	float: left;
	cursor: pointer;
}

#arrowRight {
	padding: 3px 5px 3px 8px;
	float: right;
	cursor: pointer;
}

#label:hover {
	color: #f1b000;
}

/* month */

.month th {
	text-align: center;
	font-weight: normal;
	width: 24px;
	padding-bottom: 1px;
	border-bottom: 1px solid #000000;
}

.month td {
	padding-right: 3px;
	height: 15px;
}

.month td:hover {
	
	color: #f1b000;
}

.month td.today {
	
	color: #f1b000;
}
.month td.today:hover {
	
}

.month td.outsideDay {
	color: #a8a8a8;
}
.month td.outsideDay:hover {
	color: #b1c5fc;
}

/* year & decade */

.year {
	margin-left: 2px;
}

.year td {
	width: 40px;
	height: 35px;
	text-align: center;
}
.year td:hover {
	
	color: #f1b000;
}

.year td.selected {
	
}
.year td.selected:hover {
	
}

.year td.current {
	color: #f1b000;
}
.year td.current:hover {
	
}

.year td.selectedcurrent {
	color: #f1b000
}
.year td.selectedcurrent:hover {

}

.year td.outsideYear {
	color: #a8a8a8;
}
.year td.outsideYear:hover {
	color: #b1c5fc;
}