/* ---------------------------------------------------------------------------calendar grey icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle; /*---------------------------------------button to call calendar*/
	padding-bottom:6px;
}
/* --------------------------------------------------------------calendar container element */

div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 152px; /*----------------------------------------------------------- overall width*/
	
	padding: 2px 0 0 0;
	background-color: #666;
}
/* ------------------------------------------------------------------ all tables in calendar */
div#tcal table {  /*-------------------------------------------------------------- main table*/
	width: 98%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}
	
/* --------------------------------------------------------------------------navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/*------------------------------------------------------------------------ navigation buttons */
div#tcal table.ctrl td {/* ----------------------------------------- buttons for year or month*/
	width: 15px;
	height: 15px;
	background-color: #DDD;
}
/* ----------------------------------------------------------- month year header --May 2010-- */
div#tcal table.ctrl th {
	background-color: #DDD;
	color: black;
	border: 0;
}

div#tcal th { /* ----------------------------------------------------------  week days header */
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCC;
	color: #000;
}
/* -------------------------------------------------------------------------------- date cells */
div#tcal td { /*----------------------------------------------------------actual date to select*/
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	width: 22px;
	cursor: pointer;
}


div#tcal td:hover { /*----------------------------------------- This hover code won't work for IE */
	background-color: #F0F8FF;
	font-weight: bold;
	color: #00F;
} 




/* date highlight in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth { color: silver; }

div#tcal td.weekend {
background-color: #E8E0D2; 	font-size: 10px;} /*----------------- weekend  --Sunday and Saturday-- */

div#tcal td.today {
	border: 1px solid red; 	
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 10px; /*---------------------------------today's date --17-- */
}

div#tcal td.selected { background-color: #CFF; }/* -------------------------- selected date --21-- */


iframe#tcalIF { /*--------------------- iframe element used to suppress windowed controls in IE5/6 */
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}



div#tcalShade { /* --------------------------------- --------------transparent shadow for calendar */
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}