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

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

*/

#calendarFrom, #calendarTo {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 160px;
}

#calendarSearchBar {
	height: 125px;
	background-color: #fff;
	width: 158px;
	border: 1px solid #ccc;
}
/* the main header table */
.ng-cal-header-table {
	border-collapse: collapse;
	background: #fff;
	width: 158px;
}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {
	width: 20px;
	height: 20px;
	color: #00B5FF;
	text-align: center;
	font-weight: bold;
}

/* 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: 0px;
	width: 158px;
}
	
/* the main month table */
.ng-cal {
	border: 0;
	border-collapse: collapse;
	background-color: #fff;
	width: 158px;
}
	
.ng-cal * {
	font-size: 10px;
}
.ng-cal td {
	padding: 2px 4px 2px 4px;
	text-align: left;
}

/* the days name table cells */
.ng-cal .ng-days-name-td {

}
	
/* the month name table cell */
.ng-month-name-th {
	background: #2f99b4;
	font-weight: bold;
	padding: 3px;
	color: #ffffff;
	text-align: center;
	display: none;
}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {
	color:#00B5FF;
}

/* out of range days (previous or next month) */
.ng-outOfRange {
	color: #fff;
}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {
	background: #eee;
}
	
/* selected day */
.ng-selected-day {
	background: #ff0030;
	color: #fff;
}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link, a.ng-close-link {
	display: none;
}