/* 29.09.2010 CSS-Definitionsdatei von Thomas für das Datepicker Skript */

.searchButton {
	font-size: 11px;
 	color: rgb(0,0,0);
 	font-weight: normal;
 	font-style: normal;
 	background-color: rgb(228,228,228);
 	border: 1px solid rgb(87,102,117);
 	width: 70px
}

/* dies ist im Header - die Anzeige der Monatswahl (Pfeile) */
.ui-datepicker .ui-datepicker-header {
	position:relative;
	background-color : rgb(0,0,255) ;
	background-image : none;
	font-family : Verdana;
	font-size : 12px;
	border : 1px solid rgb(0,0,255);
	padding-top : 0.2em;
	padding-bottom : 0.2em
}

/* dies ist im Header - die Anzeige der Monate */
.ui-datepicker .ui-datepicker-title {
	line-height: 1.8em; text-align: center;
	background-color : rgb(0,0,255) ;
	font-size : 12px;
	font-family : Verdana;
	margin : 0em 2.3em
}

.ui-datepicker .ui-datepicker-title select {
	float:left; font-size:1em; margin:1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
	font-family : Verdana;
	font-size : 10px
}

.ui-datepicker select.ui-datepicker-month {
	width: 49%
}

.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	float: right
}

/* Dies ist die Anzeige der Wochentage und der Daten */
.ui-datepicker table {
	width: 100%;
	font-size: 10px;
	border-collapse: collapse;
	background-color : rgb(192,192,192);
	font-family : Verdana;
	color : rgb(51,51,51);
	margin-bottom : 0.4em
}

.ui-datepicker th {
	padding: 0.7em 0.3em;
	text-align: center;
	font-weight: bold; border: 1;
	color : rgb(128,0,128)
}

.ui-state-default {
	background: rgb(192,192,192) repeat;
	font-weight: bold;
	color: rgb(51,51,51);
	outline: none ;
	border : 1px solid rgb(204,204,204)
}

.ui-state-default a {
	color: rgb(51,51,51);
	text-decoration: none;
	outline: none
}

 .ui-state-default a:link {
	color: rgb(51,51,51);
	text-decoration: none;
	outline: none
}

 .ui-state-default a:visited {
	color: rgb(0,0,255);
	text-decoration: none;
	outline: none
}

 .ui-state-focus {
	background: rgb(0,255,255) no-repeat;
	font-weight: bold;
	color: rgb(0,0,255);
	outline: none ;
	border : 1px solid rgb(255,255,255)
}

 .ui-widget-content .ui-state-focus {
	background: rgb(0,255,255) no-repeat;
	font-weight: bold;
	color: rgb(0,0,255);
	outline: none ;
	border : 1px solid rgb(0,0,0)
}

.ui-state-active {
	background: rgb(153,153,153) no-repeat;
	font-weight: bold;
	color: rgb(0,0,255);
	outline: none ;
	border : 1px solid rgb(0,0,0)
}

 .ui-widget-content .ui-state-active {
	background: rgb(255,255,0) no-repeat;
	font-weight: bold;
	color: rgb(0,0,255);
	outline: none ;
	border : 1px solid rgb(251,216,80)
}

.ui-state-active a {
	color: rgb(0,0,255);
	outline: none;
	text-decoration: none
}