/*
	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

*/

/* input box in default state */ 
.tcalInput {
	background: url('img/cal.gif') 100% 50% #fff no-repeat;
	padding-right: 5px;
	cursor: pointer;
        border: 0px solid #ccc;
        height: 37px;
        padding: 0 5px;
        font-size: 16px;
        color: #296b3d;
        width: 85px;
        outline: none;
	border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	border-radius:5px;
	position: absolute;
	visibility: hidden;
	z-index: 999;
	width: 300px;
	background-color: white;
	margin: 9px 0 0 182px;
	padding: 10px 10px 10px 10px;
	-moz-box-shadow: 0 0 5px rgba(122,122,122,0.5);
	-webkit-box-shadow: 0 0 5px rgba(122,122,122,0.5);
	box-shadow: 0 0 5px rgba(122,122,122,0.5);
	border:0px;
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 20%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 20px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('img/prev_year.png'); }
#tcalPrevMonth { background-image: url('img/prev_mon.png'); }
#tcalNextMonth { background-image: url('img/next_mon.png'); }
#tcalNextYear { background-image: url('img/next_year.png'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
	margin-top:10px;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 8px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	background: #ff4f02;
	color: white;
        font-weight: normal;
}
#tcalGrid td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 16px;
	cursor: pointer;
}	
#tcalGrid td:hover {
        color: #fff;
        background: #296b3d;
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 8px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 16px;
	cursor: pointer;
}	
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #0083aa; color: #fff; }
#tcalGrid td.tcalWeekend:hover { background-color: #296b3d; color: #fff; }
/* #tcalGrid td.tcalWeekend { background-color: #ACD6F5; }*/
/* #tcalGrid td.tcalToday { border: 1px solid red; }*/
#tcalGrid td.tcalSelected { background-color: #296b3d; color: #fff; }


#tcalGrid.Controls2 td.tcalEnable { background-color: #296b3d; color: #fff; font-weight:bold; cursor: pointer; }
#tcalGrid.Controls2 td.tcalEnable:hover { background-color: #ffff00; color: #296b3d; cursor: pointer; }
#tcalGrid.Controls2 td.tcalSelected.tcalEnable { background-color: #ffff00; color: #296b3d; cursor: pointer;}
#tcalGrid.Controls2 td{ background-color: #fff; color:silver; cursor: default;}
#tcalGrid.Controls2 td:hover{ background-color: #fff; color:silver; cursor: default;}