/* CALENDAR CSS */
#calendar {
	margin-top:6px;
}

.tc_calendar {width: 300px; height: 220px; position: relative; clear: both;}
.tc_calendar DIV {padding: 0;}

.tc_toplabel {width: 300px; height: 20px; overflow: hidden; clear: both; text-indent: -100px;}
.tc_heen {background-image: url('../images/tc_calendar/departure_header.gif');}
.tc_terug {background-image: url('../images/tc_calendar/return_header.gif');}

.tc_main { width: 300px;}

.tc_row {clear: both; width: 296px; height: 24px; margin: 2px;}
.tc_month_row {clear: both; width: 300px; height: 20px; margin: 0; background: #888; color: #FFF; margin-top: 2px;}
.tc_month_row DIV {float: left; cursor: pointer;}

.tc_month {width: 256px; text-align: center; line-height: 20px; font-weight: bold; overflow: hidden;}

.tc_month_prev {width: 22px; height: 20px; overflow: hidden;}
.tc_month_next {width: 22px; height: 20px; overflow: hidden;}


.tc_month_prev A, .tc_month_next A {display: block; width: 22px; height: 20px; text-indent: -100px;}
.tc_month_prev A {background-image: url('../images/tc_calendar/previous.gif'); background-position: 0 -20px;}
.tc_month_next A {background-image: url('../images/tc_calendar/next.gif'); background-position: 0 -20px;}
.tc_month_prev A:hover, .tc_month_next A:hover {background-position: 0 0;}



.tc_day {width: 40px; height: 24px; overflow: hidden; float: left; text-align: center; line-height: 20px; font-size: 11px; margin-right: 2px;}

.tc_day a {display: block; text-align: center; width: 38px; height: 22px; border: 0;}
.tc_day span {display: block; text-align: center; width: 38px; height: 22px; border: 1px solid transparent; }

.normal_day a {
    color: #333;
    text-decoration: none;
    background-color: #f1efef;
    border: 1px solid #f1efef;
}

.normal_day a:hover {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
    background-color: #F17225;
    border: 1px solid #f1efef;
}

.today a {
    font-size: 14px;
}

.tc_selected {color: #F17225;}

.selected_head span {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #F17225; 
    background-color: #F17225;
}

.selected_between a {
    background-color: #FFF;
    border: 1px solid #F17225;
}

.selected_tail span {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    border: 1px solid #F17225;
    background-color: #FFF !important;
}

.selected_tail a {
    color: #F17225;
    background-color: #FFF;
}

.not_clickable span {
    color: #8e8e8e;
    background-color: #f1efef;
    cursor: not-allowed;
	}

.past span {
    background-color: #f1efef !important;

    font-weight: normal !important;
    color: #8e8e8e !important;
    text-decoration: line-through;
}

.newmonth span {
     background-color: #ddd;
}

.newmonth a {
	color: #8e8e8e;
    background-color: #ddd;
    border: 1px solid #ddd;
}

.newmonth a:hover {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
    background-color: #F17225;
    border: 1px solid #f1efef;
}

/* cal_select voor de weergave van de lijst met twaalf maanden bij hover over de maandtitel */
.cal_select {
    background-color: white;
    border: 0;
    margin: 0 0 0 20px;
    padding: 1px;
    width: inherit;
    color: #A2B148;
    font-weight: normal;
    list-style: none;
    text-align: left;
}

.cal_select li {
    margin: 0;
    padding: 0;
}

.cal_select a {
    font-size: 10px;
    margin: 0;
    padding: 1px 1px;
    color: #8e8e8e;
    display: block;
    width: 200px;
}

.cal_select a:hover {
    color: white;
    background-color: #F17225;
}

div.jaar_kalender {
	display: none;
	width: 256px;
	background-color: #FFF;
	position: absolute;
	* top: 20px;
	* left: 22px;
	z-index: 50;
	float: left;
}