.popCalOver a:hover {
	color: #3e3111;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.title-control-normal-style img{ max-width:none!important}
.title-control-select-style img{ max-width:none!important}
/* 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:999;
	position: absolute;
	visibility: hidden;
	background: url( '../images/calendar/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;
	line-height:100%;   
}
/* 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(../images/calendar/bg_cal1.jpg) 0 0px no-repeat;
}
.td-style-bottom {
	border: 0px solid white;
	width:27px;
	background:url(../images/calendar/bg_cal2.jpg) 0 0px no-repeat;
}
.dropdown-image {
	background: url( '../images/calendar/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( '../images/calendar/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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 {
	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:active {
	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;
}
