.popCalOver a:hover
{
	color: #3e3111;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	
}

/* 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: 2px;
	border-style: solid;
	border-color: #696969;
	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: +9999999;
	position: absolute;
	visibility: hidden;
	background: url( 'bg-dropdown-expand.jpg' ) repeat-x left top;
	border-left: solid 1px gray;
	border-bottom: solid 1px gray;
	border-top: solid 1px gray;
	border-right: solid 0px gray;
	
}



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

/*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: 14px;
	font-weight:bold;
	color: #838383;
	text-align:right;
}
/*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: 14px;
	font-weight:bold;
	color: #838383;
}

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

/* Default attributes of drop down lists (month and year). */
.dropdown-style
{
	font-family: arial;
	font-size: 13px;
	color: #838383; 
	/* background-color:#E1E1E1;*/
	width:59px;
}
.dropdown-styleIE8
{
	font-family: arial;
	font-size: 13px;
	color: #838383; 
	/* background-color:#E1E1E1;*/
	width:57px;
}


.dropdown-style-year
{
	font-family: arial;
	font-size: 13px;
	color: #838383; 
	/* background-color:#E1E1E1;*/
	width:61px;
}

.dropdown-style-yearIE8
{
	font-family: arial;
	font-size: 13px;
	color: #838383; 
	/* background-color:#E1E1E1;*/
	width:58px;
}


.monthOver
{
	font-family: arial;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff; 
	background-color:#969696;
	cursor: pointer;
}
.monthout
{
	font-family: arial;
	font-size: 13px;
	color: #838383; 
	background-color:Transparent;
}

/*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: 13px; /*background-color:#cbcbcb;*/
	color: white;
	padding: 1px 0px 5px 0px;
}




/* 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: 13px; /*background-color:#969696;*/
	padding: 1px 0px 5px 0px;
}

/*This will change the Bckground Colour Of the Left Hand side calendar*/
.body-style
{
	padding: 0px;
	background-color: white;
	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 0px 5px 0px;
	background-color: white;
	font-family: verdana;
	font-size: 11px;
	border-width: 0px;
	border-style: solid;
	color: #aab0b8;
}


/*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;
	font-size: 12px;
}

/*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: #750808;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;*/
	
}




/*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: #c2883e;color: #0B98E9;*/
	font-size: 12px;
	
}


/*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: #e5e5e5;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: white;
}

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

/*This is for change the Midd Vertical Line Color which is Just in middle of Both of the Calendar */
.divisionline
{
	border-left: solid 0px #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-styleCheckout
{
	color: #5e4915;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	
}

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

/* Attribute for date td*/
.td-style
{
	border: 0px solid white;
	width:27px;
	
	background:url(../../controls/calendar/bg_cal1.jpg) 0 0px no-repeat;
	
}
.td-style-bottom
{
border: 0px solid white;
	width:27px;
	background:url(../../controls/calendar/bg_cal2.jpg) 0 0px no-repeat;	
}



.dropdown-image
{
	background: url( 'bg-dropdown.jpg' ) repeat-x left center ;
	background-position: 2px 2px;
	border-left: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
	border-top: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
	
}
.dropdown-image-over
{
	background: url( 'bg_dropdownbox_over02.jpg' ) repeat-x left center ;
	background-position: 2px 2px;
	border-left: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
	border-top: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
	
}

.div-style-year
{
	z-index: +999;
	position: absolute;
	visibility: hidden;
  /*  background:#EAEAEA url( '../../controls/calendar/bg_dropdownbox.jpg' ) repeat-x left bottom;*/
   background :#EAEAEA;
	border-left: solid 1px #C7C7C7;
	border-bottom: solid 1px #C7C7C7;
	border-top: solid 0px #C7C7C7;
	border-right: solid 1px #C7C7C7;
	/*	background-color:#E0E0E0;*/
	width:59px;
	
}

.div-style-month

{
	z-index: +999;
	position: absolute;
	visibility: hidden;
	  /*background:#EAEAEA url( '../../controls/calendar/bg_dropdownbox.jpg' ) repeat-x left bottom;*/
	  background:#EAEAEA;
	border-left: solid 1px #C7C7C7;
	border-bottom: solid 1px #C7C7C7;
	border-top: solid 0px #C7C7C7;
	border-right: solid 1px #C7C7C7;
	/*background-color:#E0E0E0;
	width:57px;*/
	
}


.date-td-style
{
	background:url(../../controls/calendar/bg-cal-newdate.jpg) 0 0px no-repeat;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;	 width:27px;
	/*background-color: #0b98e9;*/
}


.date-td-style a:hover
{
	color: #3e3111;
	
	
}

 
.td-current-date
{
	background:url(../../controls/calendar/currentDate1.jpg) 0 0px no-repeat;	
	color : #ffffff;
	 	font-weight: bold;
	 	text-decoration: none;
	 	font-size: 12px;
	/*background-color: #fda102;*/
}
.td-current-date a:hover
{
	color:#5e4915;
}
.td-current-dateNew
{
	background:url(../../controls/calendar/select6.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
}
.td-current-dateNew a:hover
{
	color:#5e4915;
}
	
	.td-select-date1
{
	/*background: url( 'cal1.jpg' ) no-repeat  ;
	width:35px;
	height:27px;
	border-top:solid 3px #FFA80E;
	border-left:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select1.jpg) 0 0px no-repeat;	
	color:#0B98E9;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;width:27px;
	
}
	.td-select-date2
{
	/*background: url( 'cal2.jpg' ) no-repeat  ;
		width:35px;
	height:27px;
		border-top:solid 3px #FFA80E;

	border-bottom:solid 3px #FFA80E;*/
	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	background:url(../../controls/calendar/select2.jpg) 0 0px no-repeat;	
	width:27px;
}
	.td-select-date3
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select3.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
	
}

	.td-select-date4
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select4.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
}

	.td-select-date5
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select5.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
}

	.td-select-date6
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select6.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
}

.td-select-date6 a:hover
{
	color: #5e4915;
}

	.td-select-date8
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select8.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
	
}

	.td-select-date12
{
	/*background: url( 'cal3.jpg' ) no-repeat ;
    width :35px;
	height:27px;
		border-top:solid 3px #FFA80E;
	border-right:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select12.jpg) 0 0px no-repeat;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;
	width:27px;
	
}
	.td-select-date14
{
	/*background: url( 'cal1.jpg' ) no-repeat  ;
	width:35px;
	height:27px;
	border-top:solid 3px #FFA80E;
	border-left:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select14.jpg) 0 0px no-repeat;	
	color: #5e4915;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;width:27px;
	
}

.date-td-styleNew
{
	background:url(../../controls/calendar/bg-cal-newdate1.jpg) 0 0px no-repeat;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #5e4915;	width:27px;
	/*background-color: #0b98e9;*/
}


.date-td-styleNew a:hover
{
	color: #3e3111;
}



.td-style-bottomNew
{
border: 0px solid white;
	
	background:url(../../controls/calendar/bg_cal22.jpg) 0 0px no-repeat;	
}

	.td-select-date11
{
	/*background: url( 'cal1.jpg' ) no-repeat  ;
	width:35px;
	height:27px;
	border-top:solid 3px #FFA80E;
	border-left:solid 3px #FFA80E;
	border-bottom:solid 3px #FFA80E;*/
	background:url(../../controls/calendar/select11.jpg) 0 0px no-repeat;	
	color:#0B98E9;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;width:27px;
	
}



.myC8{ margin-left:200px;}
.myC7{ margin-left:14px;}
.myC{6 margin-left:12px;}
.myC5{ margin-left:10px;}
.myC4{ margin-left:8px;}
.myC3{ margin-left:6px;}
.myC2{ margin-left:4px;}
.myC1{ margin-left:1px;}
.myC0{ margin-right:0px;}

.Pageslink
{
	
}

.Pageslink a:link
{
	text-decoration: none;
	color: #9b0606;
	font-weight: bold;
}
.Pageslink a:activated
{
	text-decoration: none;
	color: #9b0606;
	font-weight: bold;
}
.Pageslink a:visited
{
	text-decoration: none;
	color: #9b0606;
	font-weight: bold;
}
.Pageslink a:hover
{
	text-decoration: underline;
	color: #9b0606;
	font-weight: bold;
}