/*
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;
	padding: 0px !important;}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:28px;
	line-height: 20px;
	color:#336699;
	border:solid #cccccc 1px;
	text-align:center;
	vertical-align: middle;
	padding: 0px !important;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {text-align:center;
	font-weight:bold;
	vertical-align: middle;
	padding: 0px !important;
}
	
/* the main month table */
.ng-cal {border: 0px;
	border-collapse:collapse;
	float: left;
	margin-bottom: 5px;
	background-color:#ffffff;
	color: #000000;
	}
	
.ng-cal * {font-size:11px;}
.ng-cal td {
	width: 28px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	border:solid #dad9d9 1px;
	padding: 0px !important;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#1270ad;
	border:solid #075a8e 1px;
	color: #ffffff;}
	
/* the month name table cell */
.ng-month-name-th {background:#075a8e;
	border: 1px solid #075a8e;
	font-weight:bold;
	color:#ffffff;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999 !important;}

/* out of range days (previous or next month) */
/*.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}*/
	
/* out of range days (previous or next month) */
.ng-outOfRange {color:#efefef;
	background:#efefef !important;
	font-size: 0px;}
	
.ng-outOfRange * {
	display: none;
}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {font-weight:bold;
	background:#faedd6;}
	
/* selected day */
.ng-selected-day {background:#ffbb45;
		font-weight:bold;}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:11px;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;
	margin-bottom: 5px;
	line-height: 20px;
	padding: 0px 3px 0px 3px;
	}
