input.cal_button {
	background:			url(/bilder/calendar/calendar.png);
	width:				29px;
	height:				19px;
	cursor:				pointer;
	border:				0px;
}

#calendarDiv{
	position:			absolute;
	width:				225px;
	border:				1px solid #369;
	padding:			1px;
	background-color: 	#FFF;
	font-family:		arial;
	font-size:			10px;
	padding-bottom:		20px;
	visibility:			hidden;
}

#calendarDiv span,#calendarDiv img{
	float:				left;
}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver {
	line-height:		12px;
	padding:			1px;
	cursor:				pointer;
	padding-left:		2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:		12px;
	padding:			1px;
	cursor:				pointer;
	padding-left:		2px;
}

#calendarDiv td{
	padding:			3px;
	margin:				0px;
	font-size:			10px;
	color:				#036;
}

#calendarDiv .selectBox{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				0px solid #036;
	background-color:	#E2EBED;		
	color: 				#036;
	position:			relative;
	width:				52px;
	height:				16px;
	font-size:			9px;
}
#calendarDiv .selectBoxOver{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				0px solid #369;
	background-color:	#E2EBED;		
	color: 				#369;
	position:			relative;
	width:				52px;
	height:				16px;
	font-size:			9px;
}
#calendarDiv .selectBoxTime{
	border:				1px solid #317082;		
	color: 				#317082;
	position:			relative;
	width:				48px;
}
#calendarDiv .selectBoxTimeOver{
	border:				1px solid #216072;	
	color: 				#216072;
	position:			relative;
}

#calendarDiv .topBar{
	height:				16px;
	padding:			2px;
	background-color: 	#E2EBED;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:				#CC0000;
}
#calendarDiv .todaysDate{
	height:				17px;
	line-height:		17px;
	padding:			2px;
	background-color: 	#E2EBED;
	text-align:			center;
	position:			absolute;
	bottom:				0px;
	width:				221px;
}
#calendarDiv .todaysDate div{
	float:				left;
}
	
#calendarDiv .timeBar{
	height:				17px;
	line-height:		17px;
	background-color: 	#E2EBED;
	width:				92px;
	color:				#FFF;
	position:			absolute;
	right:				0px;
}

#calendarDiv .timeBar div{
	float:				left;
	margin-right:		1px;
}

#calendarDiv .monthYearPicker{
	background-color: 	#E2EBED;
	border:				1px solid #369;
	width:				70px;
	position:			absolute;
	color: 				#317082;
	left:				0px;
	top:				15px;
	z-index:			1000;
	display:			none;
	margin:				0 0 0 5px;
}

#calendarDiv #monthSelect{
	width:				70px;
	margin: 			0 0 0 2px;
	padding: 			0 2px 0 2px;
	height:				16px;
	display:			block;
}

#calendarDiv #yearSelect{
	width:				52px;
	line-height:		10px;
	margin: 			0 0 0 2px;
	padding: 			0 2px 0 2px;
	height:				16px;
}

#calendarDiv .monthYearPicker div{
	float:				none;
	clear:				both;	
	padding:			1px;
	margin:				1px;	
	cursor:				pointer;
}

#calendarDiv .monthYearActive{
	background-color:	#317082;
	color: 				#E2EBED;
}

#calendarDiv td{
	text-align:			right;
	cursor:				pointer;
}

#calendarDiv .topBar img{
	cursor:				pointer;
}
#calendarDiv .topBar div{
	float:				left;
	margin-right:		1px;
}