/*
Default style for the nogray calendar
the default class prefix is ng-

made by Wesam Saif
http://www.nogray.com
support@nogray.com

*/

/* the main header table */
.ng-cal-header-table {margin:5px;
	border-collapse:collapse;
	background:#efefef;
	border:solid #cccccc 1px;
	width:100%;
	}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	padding:0px;
	height:20px;
	color:#336699;
	border:solid #cccccc 1px;
	text-align:center;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {text-align:center;
	font-weight:bold;
	padding:3px;}
	
/* the main month table */
.ng-cal {border:solid #ABAAA9 1px;
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color:#FFFFFF;
	width:100%;
	}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	border:solid #D9D8D8 1px;
	text-align:center;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#BEBDBC;
	border:solid #ABAAA9 1px;
	width:14%;
	}
	
/* the month name table cell */
.ng-month-name-th {background:#333;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	text-align:center;}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;}
.ng-dayOff, .ng-dateOff {
	color:#666666;
	background-color:#FFF4DD;
}

/* out of range days (previous or next month) */
.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {font-weight:bold;
	background:#666;color:#FFF;}
	
/* selected day */
.ng-selected-day {background:#CC0033;
		font-weight:bold;color:#FFF;}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {
	padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}
	
/* calendar styles */
	/* table list */
	.table_list {border-collapse:collapse;
		border:solid #cccccc 1px;
		width:100%;}
	
	.table_list td {padding:5px;
		border:solid #efefef 1px;}
	
	.table_list th {background:#75b2d1;
		padding:5px;
		color:#ffffff;}
	
	.table_list tr.odd {background:#e1eff5;}
	
	#calendar, #calendar2, #calendar3, #calendar4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		border:solid #666666 1px;
		background:#FAF9F9;
		padding-bottom:5px;
		padding-top:5px;}
	
	#calendar {width:210px;}
	#calendar .ng-cal-header-table {width:200px;}
	
	#calendar2 {width:370px;}
	#calendar2 .ng-cal-header-table {width:360px;}
	#calendar2 .ng-cal, #calendar3 .ng-cal {width:178px;
		float:left;
		margin-right:0px;}
	
	#calendar3 {width:555px;}
	#calendar3 .ng-cal-header-table {width:545px;}
	
	#calReserv {width:200px;}
	#calReserv .ng-cal-header-table {width:190px;}