/*
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 {
	display:none;
	margin:5px;
	border-collapse:collapse;
	background:#efefef;
	border:solid #cccccc 1px;
	}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {
	width:20px;
	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 #5fd7d6 1px;*/
	border-collapse:collapse;
	table-layout: fixed;
	/*margin:5px;
	margin-top:0px;*/
    cursor: default;
}
	
.ng-cal * {font-size:8pt;}

.ng-cal td {
    padding:3px 6px 3px 0px;
	width:18px;
	text-align:right;
	/*border:1px solid #d7d7d7;*/
	border:1px solid #eeeeee;
}

.IE .ng-cal td {
	width: 24px;
}

.ng-cal tr {
    background-color:#FFF;
}

/* the days name table cells */
.ng-cal .ng-days-name-td 
	{
	background:#d7d7d7;
	text-align:center;
	/*border:solid #5fd7d6 1px;*/
	padding:3px 0px;
    width: 18px;
}

.IE .ng-cal .ng-days-name-td {
    width: 24px;
}
	
/* the month name table cell */
.ng-month-name-th 
{
	background:#717171;
	border-left: solid #717171 1px;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	text-align:center;
}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff {
	color:#999999;
}

.ng-dateOff {
	color: #EEE;
	background-color:#C44;
}

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

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {
	background:#faedd6;}
	
/* selected day */
.ng-selected-day {
	background:#6C6;
	font-weight:bold;
}
		
.ng-cal .date2 {
	background:#ffbb45;
	margin: -3px -6px -3px 0;
	padding: 3px 6px 3px 0;
	color: #000;
}
		
.IE .ng-cal .date2 {
    margin-right: -7px;
    padding-right: 7px;
}
        
/* 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;
	display:block;
	margin-top:1px;
}
.ng-close-link:hover, .ng-clear-link:hover {
    text-decoration:none;
}
.ng-close-link:active, .ng-clear-link:active {
    background-color:#e0e0e0;
}
.ng-close-link:focus, .ng-clear-link:focus {
    outline: 1px solid #BDEFFF;
}