/* Default attributes of table container for entire calendar */


/*This is Useful Only To change the text Color at Mouse Move or Change Only the Number color at mouse over*/
A:hover {
	text-decoration: none;
	color:Maroon;
}

/*THIS IS USEFUL TO Don't show Effect AT CALENDAR MOUSE OVER or DON'T SHOW BACKGROUND COLOR at Mouse Over*/
/*This class 'anil' is Put in Popupcalendar.js*/
.anil A:hover {
	text-decoration: none;
	color:#CC6633;
	font-weight:bold;
	background:none;
}

/* Show Mouse Over Effect at Left and Right hand side calendar Today date Which Is showing at the bottom of the Calendar*/
/*This class 'anilsoni' is Put in Popupcalendar.js*/
.anilsoni A:hover {
	text-decoration: none;
	color:Green;
	font-weight:bold;
	background:none;
}
/* 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: #9a4300;	
	
}

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

/*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: #ffffff;	
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	background-color: #A4D6F7;
	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: #1D4D7B;
	color: #ffffff;
	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:Lime; */
	padding:1px;
}

/*This will change the Bckground Colour Of the Left Hand side calendar*/
.body-style {
	padding: 0px;
	background-color: #D7E3E8;
	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:#D1E2E8;
	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)*/


/*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:#0849A5;
	text-decoration: none;
	font-size: 11px;
		font-weight: bold;
}

/*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:#b00000;
}


/*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:#0849A5;
	background-color: #D1E2E8;
	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:#0849A5;
	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 #20577C;
}




/* 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:#0849A5;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

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


.end-of-weekday-style {
   text-decoration : none;
   color:#FE121C;
   font-size  : 11px;
  font-weight: bold;
	
}