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

/*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: #f6c872;
	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: #b00000;
	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: #ede4c7;
	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:#F5F1DE;
	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:#b78639;
	font-size: 11px;
		font-weight: bold;
	
	
}

/*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:#C46515;
	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:#B8883C;
	background-color: #EDE4C7;
	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:#C46515;
	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 #663112;
}




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

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