/*in page callendars*/

/*div.calendarbox, table.calendarbox{ 	border: 1px solid #7DAED9; }*/
/*table.calendarbox td{ border: 1px solid  #ABCAE7; background-color:#FFFFFF; }*/
/*table.calendarbox{
	text-align: center;
	width: auto;
}
table.calendarbox td{
	padding: 2px;
	vertical-align: top;
}
table.calendarbox td.nav{
	border: 0;
}*/ 


/*
 * calendar colors are at the top of the file for easy modificatons
 */

div.calendarbox-horizontal{ 
	border-color:  #7DAED9;
}
div.calendartitle h3{ color: #000099; } 
div.calendarmonth, div.calendarmonth-horizontal{ border-color: #ABCAE7; }
div.calendarmonth a, div.calendarmonth a:link{ display:block; width:15px; height:13px; color:#000000; text-decoration: none; }
div.calendarmonth a:hover{ color: #FF9933; text-decoration: none; font-weight: bold; }

table.calendar tr th{ background-color: #808080; color:#FFFFFF; }
table.calendar .calendar-month {  }


/*table.calendar td.booked-day, .booked-day, 
div.calendarmonth-horizontal div.booked-day { color:#FFFFFF; background-color:#CC0000; }
table.calendar td.pending-day, .pending-day,
div.calendarmonth-horizontal div.pending-day { color:#FFFFFF; background-color:#D5D586; }
*/




table.calendar tr td.start-day a, .bd a, div.calendarmonth-horizontal div.bd a
table.calendar tr td.start-day a:link, .bd a:link, div.calendarmonth-horizontal div.bd a:link 
table.calendar tr td.start-day a:visited, .bd a:visited, div.calendarmonth-horizontal div.bd a:visited
{
	color: #FF6600;
}


table.calendar tr td.c-day, .c-day, div.calendarmonth-horizontal div.c-day { color:#FFFFFF; background-color:#7FABD8; }
table.calendar tr td.h-day, .h-day, div.calendarmonth-horizontal div.h-day { color:#000000; background-color:#FFCC00; }
table.calendar tr td.m-day, .m-day, div.calendarmonth-horizontal div.m-day { color:#FFFFFF; background-color:#7B7B7B;
}

table.calendar tr td.hs-day, .hs-day, div.calendarmonth-horizontal div.hs-day { color:#000000; background: url(calendar/legend_available_am_h.png) no-repeat scroll 90% 50%; }
table.calendar tr td.he-day, .he-day, div.calendarmonth-horizontal div.he-day { color:#000000; background: url(calendar/legend_available_pm_h.png) no-repeat scroll 0% 50%; }
table.calendar tr td.cs-day, .cs-day, div.calendarmonth-horizontal div.cs-day { color:#000000; background: url(calendar/legend_available_am_c.png) no-repeat scroll 90% 50%; }
table.calendar tr td.ce-day, .ce-day, div.calendarmonth-horizontal div.ce-day { color:#000000; background: url(calendar/legend_available_pm_c.png) no-repeat scroll 0% 50%; }
table.calendar tr td.ms-day, .ms-day, div.calendarmonth-horizontal div.ms-day { color:#000000; background: url(calendar/legend_available_am_m.png) no-repeat scroll 90% 50%; }
table.calendar tr td.me-day, .me-day, div.calendarmonth-horizontal div.me-day { color:#000000; background: url(calendar/legend_available_pm_m.png) no-repeat scroll 0% 50%; }

table.calendar tr td.cehs-day, .cehs-day, div.calendarmonth-horizontal div.cehs-day { color:#000000; background: url(calendar/legend_not_available_ch.png) no-repeat scroll 50% 50%; }
table.calendar tr td.cems-day, .cems-day, div.calendarmonth-horizontal div.cems-day { color:#000000; background: url(calendar/legend_not_available_cm.png) no-repeat scroll 50% 50%; }
table.calendar tr td.hecs-day, .hecs-day, div.calendarmonth-horizontal div.hecs-day { color:#000000; background: url(calendar/legend_not_available_hc.png) no-repeat scroll 50% 50%; }
table.calendar tr td.hems-day, .hems-day, div.calendarmonth-horizontal div.hems-day { color:#000000; background: url(calendar/legend_not_available_hm.png) no-repeat scroll 50% 50%; }

table.calendar tr td.mehs-day, .mehs-day, div.calendarmonth-horizontal div.mehs-day { color:#000000; background: url(calendar/legend_not_available_mh.png) no-repeat scroll 50% 50%; }
table.calendar tr td.mecs-day, .mecs-day, div.calendarmonth-horizontal div.mecs-day { color:#000000; background: url(calendar/legend_not_available_mc.png) no-repeat scroll 50% 50%; }

table.calendar tr td.cecs-day, .cecs-day, div.calendarmonth-horizontal div.cecs-day { color:#000000; background: url(calendar/legend_not_available_c.png) no-repeat scroll 90% 50%; }
table.calendar tr td.hehs-day, .hehs-day, div.calendarmonth-horizontal div.hehs-day { color:#000000; background: url(calendar/legend_not_available_h.png) no-repeat scroll 90% 50%; }
table.calendar tr td.mems-day, .mems-day, div.calendarmonth-horizontal div.mems-day { color:#000000; background: url(calendar/legend_not_available_m.png) no-repeat scroll 90% 50%; }

div.key{
	float: left;
	width: 530px;
	margin: 16px auto;
}
table.key{
	width: 400px;
	border: none;	
	margin: 0 auto;
}
table.key tr td{
	border: none;
	padding: 2px;
	text-align: left;
}
table.key tr td div.day{
	width: 25px;
	height: 18px;
}

#prev, #next{
	
}

div.calendarmonth-horizontal div.day{ border-color: #CCCCCC; }

div.calendarbox{
	border-width: 1px;
	border-style: solid;
	padding: 4px 0px 0px 4px;
}
div.calendartitle{	margin: 0px; }
div.calendartitle h3{ text-align: center; }
div.calendarmonth, div.calendarmonth-horizontal{
	margin: 0px 4px 4px 0px;
	/*border-width: 1px;
	border-style: solid;*/
}
div.calendarmonth{
	width: 170px;
	height: 165px;
	/*width: 136px;
	height: 120px;*/
	padding: 5px;
	float: left;
}

div.calendarbox{
	font-size: 10px;
}

div.calendarmonth-horizontal{
	/*width: auto;*/
}


table.calendar {
	border: 1px solid #000000;
	margin: 0px;
	border-collapse: collapse;
}
table.calendar tr td, tr th {text-align: center; border: 0; padding: 0px;}
table.calendar tr th { /*height: 10px;*/ font-size: 8px; }
table.calendar tr td{ width: 19px; height: 19px; font-size: 9px; /* padding: 1px;*/}
table.calendar tr td.empty{
	background: #808080;
}

table.calendar .calendar-month { 
	font-weight: bold; 
	/*margin-top: 3px; 
	font-size: 10pt; */
	text-align: center;
	font-family: sans-serif;
}
table.calendar .calendar-month a{text-decoration: none;}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}

table.calendar tr th {text-align: center; font-weight: normal;}
table.calendar tr td.linked-day, table.calendar td.booked-day {font-size: 9pt;}





/*horizontal calendar*/
div.calendarmonth-horizontal{ border: none; }
div.calendarmonth-horizontal div.calendar-month{
	float: left;
	width: 80px;
	margin-right: 5px;
}
div.calendarmonth-horizontal div.day, div.calendarmonth-horizontal div.blankday, div.day{
	float:left;
	width: 15px;
	height: 15px; 
	font-size: 9pt;
	border-width: 1px;
	border-style: solid;
	margin-right: 4px;
	text-align: center;
	border-color: #000000;
	color: #000000;
}

div.calendarmonth-horizontal div.booked-day{
	color:#FFFFFF;
}

.week0{ background-color: #FFFFFF; }
.week1{ background-color: #FFFFFF; /*#DBD9FD*/}
.blankday{ border-color: #FFFFFF; }

div.microcalendar{ margin: 0; padding: 0; float: left; display: inline; }

div.microcalendar div.day{
	font-size: 10px;
	height: 16px;
	width: 16px;
	margin: 0px;
	background-position:center;
}

table.navtable{
	background-color:#0000FF;
	/*border: 0;*/
}
table.navtable tr td{
	border: 0;
}


#admincalendar{
	/*width: 50%;*/
	float: left;
}




/*popup callendars*/
.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align: center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0px 0px 1px 0px;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width: 1px;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1px 0px 0px 0px;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{

			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}
			
/* ================= */
.calendarbox{
	width: 825px;
	/*height: 561px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
div.calendarbox:after {
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

#calendarbox .h2{
	color: #999999;
	font-weight: bold;
	text-align: center;
}

/*#calendarbox{
	font-size: 10px;
}

#calendarbox tr th{
	font-size: 10px;
}

#calendarbox a{
	font-size: 10px;
}*/

#calendar_nav{
	width: 560px;
	height: 45px;
	margin: 12px 0 22px 0;
	background: #E7EBF4;
}

#calendar_pane{
	width: 568px;
	margin: 0px 12px 0px 6px;
	float: left;
	border: 1px;
}

.clear{
	clear: both;
}

#legend_title{
	margin: auto;
}

#legend_pane{
	float: left;
	width: 225px;
	color: #999999;
	margin: 12px 0px 12px 0px;
}

#legendbox{
	border: 1px solid #999999;
	padding: 0px 0px 0px 10px;
}

#legendbox .list_item{
	margin: 13px 0 13px 0;
	font-size: 10px;
}

#legendbox .list_item img{
	width: 17px;
	height: 17px;
	border: 1px solid #000000;
	float: left;
}

#legendbox .list_item .txt{
	width: 181px;
	float:left;
	margin-left: 5px;
	font-size: 10px;
}

.month{
}

.month .month_dates{
}

.month .month_title, table .calendar .calendar-month caption{
	color: #052B5C;
	font-weight: bold;
}

#nav_links{
	height:15px;
	padding:15px 80px;
	width:400px;
}

#nav_links .nav_link{
	display: inline;
}

#nav_links .nav_link a, #nav_links .nav_link a:hover, #nav_links .nav_link a:visited{
	color: #052B5C;
	font-weight: bold;
	text-decoration: underline;
}

#property_title{
	color: #052B5C;
	font-weight: bold;
	margin: auto;
	text-align: center;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#property_location{
	margin: auto;
	text-align: center;
}

/*Starts By Muhammad Imran*/
.booking_container{
	width:98%;
	margin-left:10px;
}
.booking_list_head{
	float:left; width:15%; font-weight:bold;
	background-color:#999999;
	padding-top:5px;
	padding-bottom:5px;
}
.booking_list{
	float:left; width:15%;
	padding-top:5px;
	background-color:#ffffff;
}
.booking_list2{
	float:left; width:15%;
	padding-top:5px;
	background-color:#C0C0C0;
}
.print_btn{
	border: 1px solid #95BFFF;
	padding: 2px 8px;
	background-color: #999999;
	color:#FFFFFF;
	margin:20px;
}

#calendar_nav2{
}
#nav_links2{
	height:5px;
	padding:5px 80px;
	width:500px;
}

#nav_links2 .nav_link2{
	display: inline;
}

#nav_links2 .nav_link2 a, #nav_links2 .nav_link2 a:hover, #nav_links2 .nav_link2 a:visited{
	color:#999999;
	font-weight: bold;
	text-decoration: underline;
}
/*Ends By Muhammad Imran*/

/*Start By Mudassar Ijaz*/
.dayname{
	text-align: left;
	/*display: inline;*/
	float: left;
	width: 16px;
	height: 14px;
	margin: 0 0px 0 0;
	font-size: 7pt;
	font-weight: bold;
	border: 1px solid #333;
}
th{
	background-color: #000;
	color: #fff;
}
/*End By Mudassar Ijaz*/

/*Start By Mudassar Ijaz*/
.booking_js_list_main{
	float:left;
	width:250px;
	height:300px;
	overflow:scroll;
}
.booking_js_list_head{
	float:left; font-weight:bold;
	width:100%;
	background-color:#999999;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;	
	font-size:13px;
	text-align:center;
}
.booking_js_list{
	float:left; 
	width:100%;
	padding-top:5px;
	background-color:#ffffff;
}
.booking_js_list2{
	float:left; width:100%;
	padding-top:5px;
	background-color:#C0C0C0;
	
}
/*End By Mudassar Ijaz*/