/*css for calendar*/
div#quickCalendar {
	background:none;
	padding-bottom:5px;
	padding-top:5px;
	width:600px;
	font-family: sans-serif;
}

.calendar-header-table {color:#FFFFFF;
	margin:5px;
	border-collapse:collapse;
	background:#999999;
	border:solid #cccccc 1px;
	width:545px;}

/* the previous and next table cells */
.calendar-previous-td, .calendar-next-td {
	height:30px;
	color:#FFFFFF;
	cursor:pointer;
	border:solid #cccccc 1px;
	text-align:center;
	width:20px;
	font-weight:bold;
}

.calendar {
	background:#FFFFFF;
	/* border:solid #5fd7d6 1px; */
	border-collapse:collapse;
	color:#999999;
	float:left;
	margin:0px 6px 5px 3px;
	margin-top:0px;
	width:255px;
}

html>body .calendar {
	margin-left:5px;
}
.calendar * {font-size:10pt;}


/* the calendar header table cell (the area where the month and year is displayed) */
.calendar-header-td {text-align:center;
	font-weight:normal;
	padding:3px;

	}

/* the month name table cell */
.calendar-month-name-th {
	background:#4f9dad;
	color:#FFFFFF;
	font-weight:bold;
	padding-top: 6px;
	text-align:center;
}
.calendar td {padding:3px;
	border:solid #9eefee 1px; 
	height:30px;
	width: 34px; 
	vertical-align:middle;
	text-align: center;
	line-height: 30px;

	
	}

/* the days name table cells */
.calendar .calendar-days-name-td {
	background:#ffffff;
	border:none;
	color:#000000;
	font-weight:bold;
	height:28px;
	text-align:center;
	vertical-align:middle;
 /*	width: 3em; */
}

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

.calendar-available {
	background-color: #66CC66;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	padding: 1px;
	border: 2px solid white;
}

.calendar-taken {
	background-color: #CC0000;
	color:#FFFFFF;
	font-weight:bold;
}

.calendar-bringing {
	background-color: #4f9dad;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
}

.calendar-available a, .calendar-bringing a {
	color:#FFFFFF;
	display: block;
	width: 100%;
/*	height: 28px; */
	text-decoration: none;
}

.calheadrow {height: 25px;}

.calendardayheading, .calendardayheading td {height: 12px; line-height: 12px; }

.navcontainer {position: relative;
width: 100%;
text-align: center;
height: 22px;
}

.navleft {
	background: url(/style/images/sprite.png) no-repeat 0 -450px;
	width: 25px;
	height: 15px;
	top: 0px;
	bottom: 0;
	left: -13px;
	margin-left: .4em;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	text-indent: -10000em;
	overflow: hidden;

}
 .navright {
	background: url(/style/images/sprite.png) no-repeat 0 -500px;
	width: 25px;
	height: 15px;
	top: 0px;
	bottom: 0;
	right: -13px;
	margin-right: .4em;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	text-indent: -10000em;
	overflow: hidden;
}