/***************************************************/
/*                 KALENDER WRAPPER                */ 
/***************************************************/

div.datePicker {
	position:absolute;
	min-width:175px;
	width:175px;
	z-index:9999;
	text-align:center;
	font-family:Arial;
	font-size:11px;
	background:transparent;
}

/***************************************************/
/*                 STATIC DATEPICKER               */ 
/***************************************************/

div.staticDP {
    position:relative;
    top:5px;
    left:0;
}


/***************************************************/
/*       Iframe Hack to cover select lists IE6     */ 
/***************************************************/

iframe.iehack  {
	position:absolute;
	background:#fff;
	z-index:9998;
	padding:0;
	border:0;
	display:none;
	margin:0;
}

/*****************************************************/
/* Button neben Inputs -> bei non-static datePickers */ 
/*****************************************************/

a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus {
	display: -moz-inline-stack;
	border:0 none;
	padding:0;
	margin:0 0 0 4px;
	background:none;
	
	min-width:16px;
	line-height:1;
	cursor:pointer;
	visibility:visible;
	text-decoration:none;
	vertical-align:middle;
}

* html a.date-picker-control { width:16px; }

a.date-picker-control{ 
	display:inline-block;
}
#right a.date-picker-control{ 
	display:inline-block;
	position:absolute;
	top:21px;
	right:4px;
}
a.date-picker-control span   {
	display:block;
	width:16px;
	height:16px;
	margin:auto 0;
	background:url(images/kalender_icon.gif) 0 0 no-repeat;
}

/*****************************************************/
/*         HEADER  -> MONAT JAHR -> HEUTE            */ 
/*****************************************************/

div.datePicker th span{
	display:inline;
	padding:0;
	margin:0;
	color:#000;
	text-align:center;
	line-height:1em;
	border-width:0;
	font-family:Arial, georgia, times new roman, palatino, times, bookman, serif;
	background:transparent;
	font-weight:bold;
	cursor:pointer;
}

div.datePicker th span.month-display, div.datePicker th span.year-display{
    text-transform:uppercase;
    letter-spacing:1px;
    font:normal 11px Arial, Verdana;
    cursor:default;
}

div.datePicker th span.today-but {
	text-align:center;
	margin:0 auto;
	font:normal 1em Verdana, Sans-Serif;
	width:100%;
	text-decoration:none;
	line-height:1.6em;
	text-transform:uppercase;
	cursor:pointer !important;
}

div.datePicker thead th span.fd-disabled  {
	color:#aaa;
	cursor:default !important;
}

/*****************************************************/
/*              NEXT / PREVIOUS Buttons              */ 
/*****************************************************/

div.datePicker th span.prev-but, div.datePicker th span.next-but{
    font-size:23px;
    cursor:pointer !important;
    padding:0;
    border:1px solid #d1d1d1;
    display:block;
    width:18px;
    height:18px;
    text-indent:-19999px;
    overflow:hidden;
    background:url(images/arrow_back.gif);
}

div.datePicker th span.next-but{
	background:url(images/arrow.gif);
}

div.datePicker th span.no-but{
	display:none;
}

div.datePicker th span.prev-but:hover, div.datePicker th span.next-but:hover{
	background-color:#cee8ea;
	border:1px solid #738eb2;
}

/*****************************************************/
/*                  CLOSE Button                     */ 
/*****************************************************/

div.datePicker th a.close-cal{
	position:absolute;
	top:-1px;
	right:-1px;
	text-decoration:none;
	font:normal 1.5em Arial;
	font-weight:bold;
	color:#000;
	padding:2px 7px;
	background:#fff url(images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
	border:1px solid #ccc;
}
div.datePicker th a.close-cal:hover{
	background:#fff url(images/bg_header.jpg) no-repeat 0 0;
}


/*****************************************************/
/*                    WOCHENTAGE                     */ 
/*****************************************************/

div.datePicker th span.fd-day-header {
	text-align:center;
	margin:0 auto;
	text-decoration:none;
}

div.datePicker table th.date-picker-day-header span {
    display:block;
}

/*****************************************************/
/*                    KALENDERTAGE                   */ 
/*****************************************************/

div.datePicker table {
	position:relative;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	background:#fff url(images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
	text-align:center;
	width:175px;
	height:200px;
	border-spacing:2px;
	table-layout:fixed;
	border-collapse:separate;
}

div.datePicker table td  {
	border:1px solid #ccc;
	padding:0;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#fff url(images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
	width:20px;
	height:20px;
	outline:none;
}

div.datePicker table th {
	border:0 none;
	padding:0;
	line-height:1em;
	font-weight:bold;
	color:#222;
	text-align:center;
	vertical-align:middle;
}

div.datePicker table td.date-picker-unused {
	background:#fff url(images/backstripes.gif);
	border-color:#dcdcdc;
	padding:0;
	cursor:default !important;
}

div.datePicker table thead th.date-picker-title {
	width:auto;
	height:auto;
	padding:0.4em 0;
}

/*****************************************************/
/*                  SPALTE -> HEUTE                  */ 
/*****************************************************/

div.datePicker table td.date-picker-today {
	background:#fff url(images/bullet2.gif) no-repeat 0 0;
	color:rgb(100,100,100) !important;
}

/*****************************************************/
/*             SPALTE -> AUSGEWÄHLTER TAG            */ 
/*****************************************************/

div.datePicker table td.date-picker-selected-date {
	color:#333 !important;
	border-color:#333 !important;
}

/*****************************************************/
/*             SPALTE -> HIGHLIGHTED TAG             */ 
/*****************************************************/

td.date-picker-highlight {
    color:#a86666;
}

/*****************************************************/
/*   SPALTE -> VERGANGENE TAGE -> nicht mehr wählbar */ 
/*****************************************************/

div.datePicker table td.out-of-range {
	color:#ccc !important;
	font-style:oblique;
	background:#fcfcfc !important;
	cursor:default !important;
}

/*****************************************************/
/*                  DISABLED DAYS                    */ 
/*****************************************************/

div.datePicker table td.day-disabled {
	color:#aaa !important;
	background:transparent !important;
	cursor:default !important;
}

/*****************************************************/
/*               ACTIVE DAYS / CURSOR                */ 
/*****************************************************/

div.datePicker table tbody td.date-picker-hover {
	background:#fff url(images/bg_header.jpg) no-repeat 0 0;
	cursor:pointer;
	border-color:#f5aa69;
	color:#ff0000;
}

/*****************************************************/
/*                 QUIRKSMODE HACK                   */ 
/*****************************************************/
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/*****************************************************/
/*                 IE6 DEDFINITIONS                  */ 
/*****************************************************/
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }