/** -- Main Style Sheet for jQuery Calendar -- **/
div#ui-datepicker-div, .calendar_inline { overflow:hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #F5EEE3; }

div#ui-datepicker-div a{cursor:pointer;}
/** -- Rahmen -- **/
div#ui-datepicker-div { display: none; width: 190px; border: 1px solid #78623E; z-index: 10; /*must have*/ }

	/** -- Erste Zeile im Popup: enthält Clear und Delete Link; hier ausgeblendet  -- **/
	div.ui-datepicker-control { display: none; }
	/*div.calendar_control { clear: both; float: left; font-weight: bold; font-size: 80%; letter-spacing: 1px; color: #fff; width: 190px; background: #400; }*/
		div.ui-datepicker-control a { color: #eee !important;padding: 2px 5px !important; }
		div.ui-datepicker-control a:hover { background: #fdd !important; color: #333 !important; }


	/** -- Zurück, Heute, Vor-Links -- **/
	div.ui-datepicker-links { clear: both; float: left; font-weight: bold; font-size: 10px; letter-spacing: 1px; width: 190px; height: 18px; background: url(/graphics/misc/bg_jQueryKalender_linkRow.gif) repeat-x 0 0; width: 190px;  }
		div.ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888; }
		div.ui-datepicker-links a { color: #78623E !important; display: block; padding: 2px 5px !important; }
		div.ui-datepicker-links .ui-datepicker-prev a{ width: 38px; background: url(/graphics/misc/bg_jQueryKalender_zurueck.gif) no-repeat 0 0 !important; margin: 0 20px 0 5px !important; }
		div.ui-datepicker-links .ui-datepicker-prev label{ width: 38px;margin: 0 20px 0 5px !important; visibility:hidden; }
		div.ui-datepicker-links .ui-datepicker-current a { width: 35px; margin: 0 10px 0 0 !important; }
		div.ui-datepicker-links .ui-datepicker-next a { text-align: right; width: 20px; background: url(/graphics/misc/bg_jQueryKalender_vor.gif) no-repeat right 0 !important; margin: 0 5px 0 0 !important; }
			div.ui-datepicker-links a:hover { color: #3B301F; text-decoration: underline; }

	
	/** -- Anzeige von Monat und Jahr -- **/
	div.ui-datepicker-header { clear: both; float: left; color: #78623E; font-size: 11px; text-transform: uppercase; text-align: center; width: 190px; height: 20px; background: #FCF9F4; padding-top: 2px; }
		div.ui-datepicker-header select.ui-datepicker-new-month{margin:0 5px 0 0;font-size: 11px;text-transform: uppercase; } 
		div.ui-datepicker-header select.ui-datepicker-new-year{width:52px;font-size: 11px;text-transform: uppercase; }
		
	/** -- Tabelle -- **/
	table.ui-datepicker { clear: both; float: left; text-align: center; color: #fff; width: 100%; }
		table.ui-datepicker a { display: block; width: 100%; }
		/** -- Table-Header -- **/
		table.ui-datepicker .ui-datepicker-title-row, table.ui-datepicker .ui-datepicker-title-row .ui-datepicker-week-end-cell  { background: url(/graphics/misc/bg_jQueryKalender_titleRow.gif) repeat-x 0 0; }
			table.ui-datepicker .ui-datepicker-title-row td { height: 18px; }
				table.ui-datepicker .ui-datepicker-title-row td a, table.ui-datepicker .ui-datepicker-title-row .ui-datepicker-week-end-cell td a { color: #FFF !important; }
				table.ui-datepicker .ui-datepicker-title-row td a:hover, table.ui-datepicker .ui-datepicker-title-row .ui-datepicker-week-end-cell td a:hover { color: #333 !important; background: #ddd !important; }
				
		/** -- Table-Body -- **/
		table.ui-datepicker .ui-datepicker-days-row { color: #666; background: #FCF9F4;  }
			table.ui-datepicker .ui-datepicker-days-cell { color: #000; border: 1px solid #D7CDBC; }
			table.ui-datepicker .ui-datepicker-week-end-cell { background: #F4ECDE; }
			table.ui-datepicker .ui-datepicker-days-cell a:hover{ background: #D2C7B4; }
			table.ui-datepicker .calendar_unselectable { color: #888; }
			table .ui-datepicker-today { /*background: #fcc !important;*/ color: #FFF; background: #9A8869 !important;  }
			table .ui-datepicker-current-day  { /*background: #999 !important;*/ color: #FFF; background: #9A8869 !important; }
				table.ui-datepicker .ui-datepicker-days-cell a { display: block; }
		/** -- Für Firefox und Safari -- **/	
		table.ui-datepicker tbody { border: 1px solid red; border-spacing: 1px; border-style:hidden; }




.calendar_inline {
	float: left;
	display: block;
	border: 0;
}

.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}

button.ui-datepicker-trigger {
	width: 25px;
}

img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}

.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}

* html .calendar_prompt {
	width: 185px;
}

.calendar_clear, .ui-datepicker-prev {
	float: left;
}

.ui-datepicker-current {
	float: left;
	width: 35%;
	text-align: center;
}

.calendar_close, .ui-datepicker-next {
	float: right;
}





/* ________ CALENDAR LINKS _______
** Reset link properties and then override them with !important */
div#ui-datepicker-div a, .calendar_inline a {
}
.calendar_inline  {
	padding: 0 5px !important;
}


/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}