/* container of calendar's pop-up */
#tcal {
		margin-top: 2px;

		visibility: hidden;
		opacity: 0;

		position: absolute;
		z-index: 100;

		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 15px;

		padding: 2px;

		border: 1px solid #c0c0c0;
		background-color: #222F3E;

		-moz-box-shadow: 3px 3px 4px #c0c0c0;
		-webkit-box-shadow: 3px 3px 4px #c0c0c0;
		box-shadow: 3px 3px 4px #c0c0c0;

		-webkit-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		-moz-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		-ms-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		transition: opacity 300ms ease-out, visibility 300ms ease-out;

		margin-left: 0px;
}


/* RESET main CSS */
#tcal table {
		margin: 0px;
		color: #ffffff;
}
#tcal table tbody tr {
		border: 0px;
}
#tcal table tbody tr:nth-child(2n + 1) {
		background-color: #2a3a4c;
}









/* table containing navigation and current month */
#tcalControls {
		border-collapse: collapse;
		border: 0;
		width: 100%;
}
#tcalControls td {
		border-collapse: collapse;
		border: 0;
		padding: 0;
		width: 16px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		cursor: pointer;
}
#tcalControls th {
		border-collapse: collapse;
		border: 0;
		padding: 0;
		line-height: 25px;
		text-align: center;
		font-weight: bold;
		white-space: nowrap;
}
#tcalPrevYear {
		background-image: url('img/t_calendar_prev_year.gif');
}
#tcalPrevMonth {
		background-image: url('img/t_calendar_prev_mon.gif');
}
#tcalNextMonth {
		background-image: url('img/t_calendar_next_mon.gif');
}
#tcalNextYear {
		background-image: url('img/t_calendar_next_year.gif');
}

/* table containing week days header and calendar grid */
#tcalGrid {
		border-collapse: collapse;
		border: 1px solid #c0c0c0;
		width: 100%;
}
#tcalGrid th {
		border: 1px solid #c0c0c0;
		border-collapse: collapse;
		padding: 0px 3px;
		text-align: center;
		background-color: #707070;
		font-size: 12px;
		color: #ffffff;
}
#tcalGrid td {
		border: 0;
		border-collapse: collapse;
		padding: 8px 8px;
		text-align: center;
		width: 14%;
		cursor: pointer;
}
#tcalGrid td.tcalOtherMonth {
		font-size: 12px;	
		color: #c0c0c0;
}
#tcalGrid td.tcalWeekend_1 {
		background-color: #333f4e
}
#tcalGrid td.tcalWeekend_2 {
		background-color: #444f5e;
}
#tcalGrid td.tcalToday {
		background-color: #707070;
}
#tcalGrid td.tcalSelected,
#tcalGrid td:hover{
		border-radius: 3px;	
		background-color: #ec3323;
		color: #FFFFFF;
}

#tcalDrag {
		cursor: move;
}




/* input box in default state */
.tcalInput {
		background: #f7f7f7 url('img/t_calendar_cal.gif') 99% 50% no-repeat;
		padding-right: 20px !important;
		cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
		background-image: url('img/t_calendar_cal_no.gif');
}