/* Default attributes of table container for entire calendar 

 


 a:visited
{
	color:#F24921;	
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}


.cal a:hover
{
	color:#A01321;	
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background:#F9C338;
}*/
.cal a:hover
{
	color:#A01321;	
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background:#F9C338;
}
	
/* This is useful to change the background color of Both of the calendar when then are coming very first time when user click at calendar Image.*/
.table-style {
	padding: 0px;
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #ffffff;
	font-family: arial; 
	font-size: 9px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 0px;
	font-family: arial; 
	font-size: 10px;
	color: #470a09;	
	
}

/*This is Useful to Change the Header color of Calendar*/
.title-background-style {
	background-color:#037B96;
}

/*This is Useful to Change the Header Text color Of Left Hand Side calendar*/
.title-control-normal-style {
	cursor: pointer;
	padding: 0px;
	font-family: arial; 
	font-size: 10px;
	color:white;	
}
/*This is Useful to Change the Header Text color Of Right Hand Side calendar*/

.title-control-normal-style1 {
	padding: 0px;
	font-family: arial; 
	font-size: 10px;
	color:white;	
}

/*Show Mouse Over Effect at Left hand side Calendar Header Text*/
.title-control-select-style {
	cursor: pointer;
	padding: 0px;
	font-family: arial; 
	font-size: 10px;
	color: #000000;	
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	background-color:#b6863c;
	padding: 1px;
}

/*Change the Background Color and Mouse Over Effect at Coming Dropsown list Of Year name and Numeic Year */
.dropdown-select-style {
	font-family: arial; 
	font-size: 11px;
	background-color:#f5d75f;
	color:white;
	padding: 1px;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
/*This will be change the backgroud color Of the Header Numeric year dropdown and fix that*/
.dropdown-normal-style {	
	font-family:arial; 
	font-size:11px;
	background-color:#b6863c;
	padding:1px;
}

/*This will change the Bckground Colour Of the Left Hand side calendar*/
.body-style {
	padding: 0px;
	background-color: #F3EEDB;
	font-family: arial; 
	font-size: 9px;
}

/*This will Change the Titel bar color not text color of week name like : s m t w t f s*/
.dayheader-style {
	padding: 0px;
	background-color:#F3EEDB;
	font-family: verdana; 
	font-size: 9px;	
}


/*This is useful to show the color Effect at Right Hand side Calander only at Sunday Number's(In case when we are showing Two Calandar at a Time)*/
.end-of-weekday-style {
	text-decoration: none;
	color:#0077CC;
	font-size: 11px;
	
	
}

/*This is useful to show the color Effect at Right Hand side Calander only (In case when we are showing Two Calandar at a Time)*/
.normal-day-style {
	color:#305692;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}


/*Change the text color of the Number In right Hand side calendar*/
/*Remove the mouse over Effect I did write a call anil in Ppopupcalendar.js*/
.selected-day-style {
	color:#A01321;
	text-decoration: bold;
	background-color:#CCA80A;
	font-size: 11px;
}


/*This is Useful to show the Today date text color which is at the bottom of the Calendar ex: Today is (color)*/
.today-style {
	padding: 0px;
	color:#184453;
	background-color:#F3EEDB;
	text-align: center;
	text-decoration: none;
	font-size: 9px;
	
}

/*This is for change the Number color of previous date from current date calendar*/
.pre-day-style {
	color:#305692;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-decoration:line-through;
}

/*This is for change the Midd Vertical Line Color which is Just in middle of Both of the Calendar */
.divisionline{
	border-left:solid 1px #184453;
}




/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #ffffff; 
	padding: 0px;
}


/* Attributes of current day in calendar body. */
.current-day-style {
	color:#A01321;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

/* Default attributes of designated holidays. */
.holiday-style {
	background-color:#ffffff;
}