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

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

http://www.nogray.com/license.php

*/

/* the main header table */
.ng-cal-header-table {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 #242424 1px;
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color:#FFFFFF;}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	border:solid #979797 1px;}

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

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

/* 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  {padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}
	
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 110;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 10px 1px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 120;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
#popup{
	height: 150px;
	padding-left: 5px;
}
#contactDetails{
	overflow-y: scroll; 
	height: 283px;
	padding-right: 5px;
}

#popup h2 {
	margin: 0 0 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 2em;
	font-weight: normal;
}
#popup h3 {
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 1.5em;
	font-weight: normal;
}
#popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}