/*
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 {width:148px;
	margin:5px 5px 2px 5px;
	border-collapse:collapse;
	background:#a50000;
	border:solid #d80000 1px;
	color:#F4ECB3;}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	height:20px;
	color:#F4ECB3;
	border:solid #d80000 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 #a00000 1px;
	border-collapse:collapse;
	margin:0px 5px 2px 5px;
	background-color:#333;
	color:#eee;
	width:148px;}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	border:solid #a00000 1px;
	text-align:center;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#c00;
	border:solid #a00000 1px;
	font-weight:bold;
	text-align:center;}
	
/* the month name table cell */
.ng-month-name-th {line-height:0px;
	height:0px;
	visibility:hidden;
	padding:0px;}
	
/* weekends, days off, dates off (holidays) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#eee;}

/* out of range days (previous or next month) */
.ng-outOfRange {color:#999;
	background:#454545;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {background:#000;
	color:#fe6;}
	
/* selected day */
.ng-selected-day {background:#c00;
		font-weight:bold;
		color:#F4ECB3;}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {padding:3px;
	text-align:center;
	color:#eee;
	text-decoration:none;
	font-size:8pt;
	background:#c33030;
	border:solid #d80000 1px;
	float:left;
	margin-left:5px;}