/******* calendar used within auction to select a date *******/

/******* calendar global settings *******/
#calendar { /* all surrounding <div> */
    z-index: +999;
    position: absolute;
    visibility: hidden;
}
#calendar table {
	margin-bottom: 0; /* reset default <table> definition */
}
#calendar a, #calendar a:link, #calendar a:visited {
	text-decoration: none;
}
#calendar a:hover, #calendar a:active, #calendar a:focus {
	background: #fff;
}
/* hover styles */
#calendar td.hoverState {
	border: 1px solid #CCCCCA;
	background: #fff;
}

/******* images are only used with the header *******/
#calendar img, #calendar a.img, #calendar a.img:hover, #calendar a.img:active, #calendar a.img:focus {
	background: #94BC29;
}
#calendar span#previousMonth img, #calendar span#nextMonth img { /* images to go back and forward */
	width: 10px;
	height: 11px;
}
#calendar td#closeCalendar { /* close calendar button */
	text-align: right;
}
#calendar td#closeCalendar img { /* close calendar button */
	width: 11px;
	height: 11px;
}

/******* default highlighting *******/
#calendar span.emphasis {
	font-weight: bold;
	white-space: nowrap;
}

/******* surrounding table *******/
#calendar table { /* first <table> */
	border: 1px solid #94BC29;
	background: #94BC29;
}
#calendar table table { /* reset for all following tables */
	border: 0 solid;
	background: transparent;
}

/******* table title *******/
#calendar table th {
	padding: 0;
	height: 1.5em;
}
#calendar table th table {
	margin: 2px 5px;
	height: 1.5em;
	color: #fff;
	font-weight: bold;
}

/******* content *******/
#calendar td#content {
	padding: 3px 6px;
	background: #fff;
	white-space: nowrap;
}
#calendar td#content table { /* <table> that shows all week and day numbers  */
	border-collapse: separate;	/* create spaces between <td>'s */
}
#calendar td#content table td {
	padding: 1px;
	width: 27px;
	text-align: right;
}
/* attributes of week number division (divider.gif) */
#calendar td#content table td.weekNumber {
	border-right: 1px solid #CCCCCA;
	width: 1px;
}
#calendar td#content table td.weekNumber img {
	width: 1px;
}

/******* attributes of all other days in calendar content *******/
#calendar .normalDay {
	/* use default */
}
#calendar .normalDayBackground {
	background-color: #fff;
	border: 1px solid #fff;	
}

/******* attributes of current day in calendar body *******/
#calendar .currentDay { /* is used if another day was selected to highlight current day */
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}
#calendar .currentDayBackground { /* selected day */
	border: 1px solid #CCCCCA;
}
#calendar .dateNowSelectedBackground { /* current day if the calender is called for the first time */
	background-color: #fff;
	border: 1px solid #FF0000;
}
#calendar .selectedDay { /* Attributes of border around selected day in calendar body. */
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}
#calendar .selectedDayBackground {
	background-color: #fff;
	border: 1px solid #FF0000;
}

/******* Attributes of end-of-week days (Sundays) in calendar body. *******/
/* Default attributes of designated holidays. */
#calendar .endOfWeekDay, #calendar a.endOfWeekDay, #calendar a.endOfWeekDay:link, #calendar a.endOfWeekDay:visited, #calendar a.endOfWeekDay:hover, #calendar a.endOfWeekDay:active, #calendar a.endOfWeekDay:focus, 
#calendar .holiday, #calendar a.holiday, #calendar a.holiday:link, #calendar a.holiday:visited, #calendar a.holiday:hover, #calendar a.holiday:active, #calendar a.holiday:focus {
    color: #ff0000;
}

/******* Attributes of disabled days in calendar body. *******/
/* Default attributes of disabled days. */
#calendar .disabledDay {
    color: #CCCCCA;
}

/******* submit button *******/
#calendar .inputSubmitButtons { 
	float: none; /* reset default definitions */
	padding: 0 6px;
	border-top: 1px solid #94BC29;
	background: #fff;
	text-align: center;
}
#calendar .inputSubmitButtons input.inputSubmit{
	margin-left: 0; /* reset default definitions */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	background: #CCCCCA;
	color: #000;
	font-weight: normal;
}

/******* default attributes of drop down lists (month and year) *******/
#calendar .dropdown {
}
#calendar .dropdownSelect { /* default attributes selected (mouse-over) item in drop down lists (month and year) */
}
#calendar .dropdownNormal { /* default attributes unselected (mouse-off) item in drop down lists (month and year) */
}

/* position the popup calendar below the button for Mozilla & Co. (in IE this is done via JavaScript, thats why this declaration has to bee hidden from all IEs) */
html>/**/body .calendarArea {
	position: relative;
	left: 112px;
	top: 2px;
}

/* declarations to overwrite some inheritet css properties to make the calendar look the same in all places */
.calendarArea #calendar table th {
	background: #94BC29;
	padding: 0px;
}
.calendarArea #calendar table td {
	line-height: 1em;
	padding: 0px;
}
.calendarArea #calendar table span.emphasis { /* for calendar "menu" (month year, close) */
	color: #FFFFFF;
}
.calendarArea #calendar table #content span.emphasis { /* for table header (Wk| days) */
	color: #000000;
}