/*
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-color:#FFFFFF;
	border:solid #cccccc 1px;
	color:#000000;
	width:96%;
	}
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {
	width:20px;
	height:20px;
	color:#0000FF;
	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;
	width:auto;
	margin-left:0px;
	margin-right:0px;
	}
	
/* the main month table */
.ng-cal {
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color:#EEEEEE;}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {
	width:25px;
	height:25px;
	padding:3px;
	text-align:center;
	}
/* the days name table cells */
.ng-cal .ng-days-name-td {
	background:#BBBBBB;
	border:#FFFFFF 1px solid;
	}
	
/* the month name table cell */
.ng-month-name-th {
	display:none;
	}
	
/* weekends, days off, dates off (holidayes) */
.ng-dayOff, .ng-dateOff {color:#999999;}
.ng-weekend {
	background-color:#BBEEBB;}

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

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {
	font-weight:bold;
	background:#CCCCFF;
	color:#333333;}
	
/* selected day */
.ng-selected-day {background:#AAAAFF;color:#333333;
		font-weight:bold;}
		
/* the close and clear buttons in the bottom of the calendar */
a.ng-close-link, a.ng-clear-link  {
	padding:3px;
	display:block;
	margin:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align: center;
	padding: 2px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #2d3948;
	background: #e7e7e7;
	color:#FF0000;
	cursor:pointer;
	text-align:center;
	}
a.ng-close-link:hover, a.ng-clear-link:hover, a.ng-close-link:focus, a.ng-clear-link:focus {
	color:#000000;
	background: #c5e0f8;
}

a.ng-close-link:visited, a.ng-clear-link:visited {
	background: #e7e7e7;
	color:#000000;
}

a.ng-close-link:active, a.ng-clear-link:active {
	color:#000000;
	background: #99cbf8;
}

.nogray_calendar {
border:solid #000000 1px;
background-color:#004499;
width:auto;}