/*STYLES CALENDAR POPUP*/


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

/******* calendar global settings *******/

#calendar { /* all surrounding <div> */
        z-index: +999;
	    position:absolute;
	    visibility: hidden;	
	    display: none;
		margin-top: -130px;
		margin-left:-300px; 
		visibility: visible; 
}

#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: none;
}
/* hover styles */
#calendar td.hoverState {
	border: 1px solid #CCCCCC;
	background: #F2F7FA;
}

/******* 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: #FFEB00;
}
#calendar span#previousMonth img, #calendar span#nextMonth img { /* images to go back and forward */
	width: 10px;
	height: 11px;
}
#calendar a#previousMonth, #calendar a:hover#previousMonth,#calendar a#nextMonth, #calendar a:hover#nextMonth{
	color:#FFFFFF;
	text-decoration:none;
	}
#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: 3px solid #1569B1;
	background: #1569B1;
}
#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;
}

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

/******* attributes of all other days in calendar contentCal *******/
#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;
}
#calendar .currentDayBackground { /* selected day */
	border: 1px solid #0071B9;
	background-color:#FFEB00;
}
#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 #FFEB00;
	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 (add html>body to declaration) */
.calendarArea {
	position: relative;
	left: 40px;
	top: -30px;
	
	overflow: visible;
}
/* declarations to overwrite some inheritet css properties to make the calendar look the same in all places */
.calendarArea #calendar table th {
	background: #0071B9;
	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 #contentCal span.emphasis { /* for table header (Wk| days) */
	color: #000000;
}

#spanYear select {
background: #FFFFFF;
color:	#0071B9;
width:	auto;
height:	auto;
font-size:	11px;
font-weight: bold;
}