/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/


#CalShadow{
	z-index: 10000;
	filter: alpha(opacity=40); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE */
	-moz-opacity: .40; /*older Mozilla*/
	-khtml-opacity: 0.4;   /*older Safari*/
	opacity: 0.4;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#ffffff;
}

/* input box in default state */ 

.Date {
	background: white url('images/cal.gif') no-repeat 100% 50%;
	padding-right: 21px;
	width:126px;
	height:21px;
  border-width:1px;
	padding:5px;
	border-radius:5px;
	cursor: pointer;

  font-family:Verdana,Arial; font-size:10pt;
}

/* input box in default state */ 
.MoDay {
	background: white url('images/cal.gif') no-repeat 100% 50%;
	padding-right: 21px;
	width:126px;
	height:21px;
  border-width:1px;
	cursor: pointer;

  font-family:Verdana,Arial; font-size:10pt;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.DateActive {
}

/* container of calendar's pop-up */
#Date {
	position: absolute;
	visibility: hidden;
	z-index: 14000;
	width: 270px;
	height: 236px;
	color: silver;
	background: url('images/CalBlue.jpg') no-repeat;
	padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0;
  cursor:pointer;
}

#MoDay {
	position: absolute;
	visibility: hidden;
	z-index: 14000;
	width: 270px;
	height: 236px;
	color: silver;
	background: url('images/CalBlue.jpg') no-repeat;
	padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0;
  cursor:pointer;
}

/* table containing navigation and current month */
#DateControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#DateControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	color: silver;
}
#DateControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 21px;
	font-size: 12px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	color: silver;
}
#DatePrevMonth { background-image: url('images/BtnLeft.png'); }
#DateNextMonth { background-image: url('images/BtnRight.png'); }
#DateCloseBtn  { background-image: url('images/CloseBtn.jpg'); }

/* table containing week days header and calendar grid */
#DateGrid {
	border-collapse: collapse;
	border: 0px solid silver;
	width: 100%;
}
#DateGrid th {
	border: 0px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: silver;
}
#DateGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 12%;
	height: 21px;
	font-size: 12px;
	color:white;
	cursor: pointer;
}		
#DateGrid td.DateOtherMonth { color: silver; }
#DateGrid td.DateToday { border: 1px solid red; }