body.calendar {margin:0; height:150px;  background-color:#ffd373;padding:0px 0px 0px 0px;font: bold 10px arial,helvetica,sans-serif;text-align:center}
#kalender_popup a.cal {text-decoration: none; color: #0073bd;  width: 100%; height:100%; display:block;}
#kalender_popup a.cal:hover {text-decoration: underline; width: 100%; height:100%; display:block;}
#kalender_popup table{border-collapse:collapse;}
#kalender_popup .calTableH{margin: 2px 2px 2px 2px; width:135px; height:125px; empty-cells:show;border:1px solid #000000;float:left;display:inline;}
#kalender_popup .calTableV{margin: 2px 2px 2px 2px; width:127px; empty-cells:show;border:1px solid #fe6600;}
#kalender_popup .calDayName{background: #000000; color:#ffffff; font: 500 10px arial,helvetica,sans-serif; text-align:center;width:19px}
#kalender_popup .calDate{text-align:center; font: 500 10px arial,helvetica,sans-serif; background: #ffffff; line-height: 13px;}
#kalender_popup .calDateOff{color:#ffd373;  font: 400 10px arial,helvetica,sans-serif; text-align:center; background: #ffffff; line-height: 13px;}
#kalender_popup .calDateSel{background:#ffffff;  text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px; border:2px solid #fe6600;}
#kalender_popup .calDateRng{background:#DEEBFE; text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px;}
#kalender_popup .calDateA{text-decoration:underline; color:#2A3F1D; display: block; width: 100%; border:1px solid #FFFFFF;}
#kalender_popup .calDateA:hover{text-decoration:none; display: block; width: 100%; border:1px solid #fe6600; background:#fe6600; color:#ffffff;}

#kalender_popup .container {
	width:inherit;
}

#kalender_popup .main {
	text-align:center;
	width:284px;

}
#kalender_popup .footer{
	text-align:center;
	color:#ffffff;
	font: 500 10px arial,helvetica,sans-serif;
	line-height: 13px;

}



#kalender_popup .prev_m {	width:16px; float: left; padding-left: 2px;}
#kalender_popup .next_m {	width:16px; float: right; padding-right: 2px;}

#kalender_popup .prev_l {	 text-align: right; float:left; padding-left:2px; }
#kalender_popup .next_l {	text-align: right; float:right; padding-left:2px;}
#kalender_popup .calLabel{font: 700 11px arial,helvetica,sans-serif; color: #FFFFFF;background-color:#fe6600; padding:2px; line-height:15px;}

#noprevious,#previous{line-height:16px;}
#calwrapper {margin:auto;width:272px;}
.calframe{height:158px;width:200px;border-width:0px;}
.kalender_popupon {background-image:none; background-color:#ffd373;border:solid 2px #ffffff;z-index:999;height:158px;width:294px;position:absolute;top:440px;left:300px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.kalender_popupoff{height:1px;width:1px;overflow:hidden;position:absolute;top:0px;left:0px;visibility:hidden;display:none;}

.closeButton 
{
    color:#000000;
    margin-top:4px;
    font-size:11px;
}
/* 
*  CALENDAR ============================================
*/
		.calendar_date_select {
			border:none;
			display:block;
			width:195px;
			z-index: 1000;
			font-family:Arial,verdana;
		}
		
	
		/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
		iframe.ie6_blocker {
			position: absolute;
			z-index: 999;
			border:none;
			background:none !important;
		}
		
		.calendar_date_select .cds_buttons {
			text-align:center;
			padding:5px 0px;
			background-color: #fff;
		}
		
		.calendar_date_select .cds_footer {
			background:transparent url(/images/bg_calendar_footer.gif) left bottom no-repeat;
			padding:3px;
			text-align:center;
		}
		
		.calendar_date_select .cds_months {
			background:transparent url(/images/bg_calendar_header.gif) 0 0 no-repeat;
			text-align:center;
			height:57px;
			}
			.calendar_date_select .cds_months ul {
				width:195px;
				float:left;
				padding-top:10px;
				list-style: none;
				font-size:12px;
				padding-right:40px;

			}
			.calendar_date_select .cds_months li {
				float:left;
				padding-right:5px;
				}
				.calendar_date_select .cds_months li div{
					display:block;
					float:left;
					width:38px;
					height:15px;
					color:#000;
					text-decoration:none;
					font-weight:bold;
					margin-bottom:4px;
					cursor:pointer;
					}
					.calendar_date_select .cds_months li div.selected,
					.calendar_date_select .cds_months li div:hover{
						background-color:#fff;
						color:#cc9900;
					}
		.calendar_date_select .cds_header {
			background-color: #fff;
			text-align:center;
			padding:10px 0;

		}
		
		.calendar_date_select .cds_header span {
			font-size:12px;
			color: #000;
			font-weight: bold;
		}
		
		.calendar_date_select select { font-size:11px;}
		
		.calendar_date_select .cds_header a:hover {
			color: #fff;
		}
		.calendar_date_select .cds_header a {
			width:22px;
			height:20px;
			text-decoration: none;
			font-size:11px;
			color:#000 !important;
		}
		
		.calendar_date_select .cds_header a.prev {
			float:left;
		}
		.calendar_date_select .cds_header a.next {
			float:right;
		}
		
		.calendar_date_select .cds_header a.close {
			float:right;
			display:none;
		}
		
		.calendar_date_select .cds_header select.month {
			width:90px;
		}
		
		.calendar_date_select .cds_header select.year {
			width:61px;
		}
		
		.calendar_date_select .cds_buttons a {
			color: #cc9900;
			font-size: 12px;
			text-decoration:underline;
		}
		
		
		.calendar_date_select table {
			margin: 0px;
			padding: 0px;
			border:1px;

			}
			.calendar_date_select thead th {
				font-weight:bold;
				background-color: #fff;
				color: #cc9900 !important;
				padding-bottom:5px;
			}
			.calendar_date_select td {
				background-color: #fff;
				font-size:12px;
				width: 24px;
				height: 21px;
				text-align:center;
				vertical-align: middle;
			}
			.calendar_date_select td.weekend {
				background-color: #fff;
			}
			
			.calendar_date_select td div {
				color:#000;
			}
			.calendar_date_select td div.other {
				color: #989898;
			}
			.calendar_date_select td.selected div {
				color:#000;
			}
			.calendar_date_select tbody td {
				border:0;
			}
			.calendar_date_select tbody td.selected {
				background-color:#f29323;
				color:black;
			}
			
			.calendar_date_select tbody td:hover {
				background-color:#cc9900;
			} 
			
			.calendar_date_select tbody td.today {
				border: 1px dashed red;
			}
			
			.calendar_date_select td.disabled div {
				color: #989898;
				text-decoration:line-through;
			}
			.calendar_date_select td.disabled:hover {
				background-color:#fff !important;
			}
		
		.fieldWithErrors .calendar_date_select {
			border: 2px solid #989898;
		}