/* Mostly appointment entries & update forms styled here (common to all calendar formats). */
/* Calendar Styling in calendar_small, _med, and _large .css */

#label_div {
	padding: 3px;
}

#column {
	width: 96%;
	margin: 0 auto;
	padding: 5px;
	padding-top: 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.time { 
	background-color: #eaeaea;
	font-family: arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}
.available { background-color: #f0f0ff; }
.available:hover { background-color: #ccccdd; }

.tentative  {
	background-color: #f0f0f5; 
	border-left: 5px solid #aaaab0;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #88888f;
}
.linked  {
	background-color: #f0f5f5; 
	border-left: 5px solid #dde9e9;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #88888f;
}
.booked  {
	background-color: #e5fde5; 
	border-left: 5px solid #558855;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #557755;
}
.firstbook {
	border-top: 2px solid #e5e9e5;
	background-image: url('../img/bg.green.png');
	background-repeat: repeat-x;
}
.booked0  {
	background-color: #e5fde5; 
	border-left: 5px solid #558855;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #557755;
}
.firsttentative, .firstbook0 {
	border-top: 2px solid #e5e5e9;
	border-left: 5px solid #aaaaaa;
	background-image: url('../img/bg.grey.png');
	background-repeat: repeat-x;
}
.booked1  {
	background-color: #e5fde5; 
	border-left: 5px solid #558855;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #557755;
}
.firstbook1 {
	border-top: 2px solid #e5f5e5;
	border-left: 5px solid #558855;
	background-image: url('../img/bg.green.png');
	background-repeat: repeat-x;
}
.booked2  {
	background-color: #ddeeff; 
	border-left: 5px solid #607099;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #555577;
}
.firstbook2 {
	border-top: 2px solid #ddeeff;
	border-left: 5px solid #607099;
	background-image: url('../img/bg.blue.png');
	background-repeat: repeat-x;
}
.booked3  {
	background-color: #ffeedd; 
	border-left: 5px solid #e29200;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #776655;
}
.firstbook3 {
	border-top: 2px solid #f5e9ee;
	border-left: 5px solid #e29200;
	background-image: url('../img/bg.orange.png');
	background-repeat: repeat-x;
}
.booked4  {
	background-color: #ffe5e5; 
	border-left: 5px solid #995555;
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #775555;
}
.firstbook4 {
	border-top: 2px solid #f9e8e8;
	border-left: 5px solid #995555;
	background-image: url('../img/bg.pink.png');
	background-repeat: repeat-x;
}

.closed { background-color: #eaeaea; }
.holiday { background-color: #f9eaea; }
.maintenance  {
	background-color: #ffe0e0; 
	font-family: Arial,sans-serif;
	font-size: 9pt; 
	color: #995555;
	font-weight: bold;
}


#mincalendar {
	clear: both;
	display: none;
	background-color: #f9f9ff;
	border: 1px solid #f0f0f9;
	cursor: pointer;
}

#bookingForm 
{
	display: none;
	position: fixed;
	top: 5%;
	left: 20%;
	width: 60%;
	min-width: 500px;
	min-height: 250px;
	max-width: 750px;
	border: 1px solid #666666; 
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingFormHead {
	background-color: #f0f9ff; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingForm td.lbl {
	vertical-align:middle;
}

#bookingCancelForm 
{
	display: none;
	position: fixed;
	top: 5%;
	left: 25%;
	width: 50%;
	min-width: 420px;
	min-height: 250px;
	max-width: 700px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingCancelFormHead {
	background-color: #ffe0e0; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingCancelForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingForm select { 
	min-width: 125px;
}
#bookingForm input[type=text], textarea {
	min-width: 125px;
}
#bookingApproveForm 
{
	display: none;
	position: fixed;
	top: 5%;
	left: 25%;
	width: 50%;
	min-width: 420px;
	min-height: 250px;
	max-width: 700px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingApproveFormHead {
	background-color: #e0ffe0; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingApproveForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingApproveForm td.lbl {
	vertical-align:middle;
}

#bookingEditForm 
{
	display: none;
	position: fixed;
	top: 5%;
	left: 20%;
	width: 60%;
	min-width: 500px;
	min-height: 250px;
	max-width: 700px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingEditFormHead {
	background-color: #e0ffe0; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingEditForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingEditForm td.lbl {
	vertical-align:middle;
}



#bookingFlagForm 
{
	display: none;
	position: fixed;
	top: 20%;
	left: 20%;
	width: 60%;
	min-width: 500px;
	min-height: 250px;
	max-width: 700px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingFlagFormHead {
	background-color: #e0ffff; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingFlagForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingFlagForm td.lbl {
	vertical-align:middle;
}



#bookingDetails 
{
	display: none;
	position: fixed;
	top: 20%;
	left: 25%;
	width: 50%;
	min-width: 500px;
	min-height: 250px;
	max-width: 700px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingDetailsHead {
	background-color: #e0e0ff; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingDetails td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}
#bookingDetails td.lbl {
	vertical-align:middle;
}


#managerLoginForm 
{
	display: none;
	position: fixed;
	top: 20%;
	left: 33%;
	width: 45%;
	min-width: 420px;
	min-height: 250px;
	max-width: 500px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#managerLoginFormHead {
	background-color: #daf5da; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#managerLoginForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}



#bookingCancelRequestForm 
{
	display: none;
	position: fixed;
	top: 20%;
	left: 30%;
	width: 40%;
	min-width: 420px;
	min-height: 250px;
	max-width: 500px;
	border: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: white;
	padding: 0px;
	padding-bottom: 10px;
	font-family: arial, sans-serif;
	box-shadow: 0 0 10px #000000;
	z-index: 9999;
	border-radius: 5px;
}
#bookingCancelRequestFormHead {
	background-color: #ffe0e0; 
	padding: 5px; 
	padding-top: 6px; 
	margin-bottom: 5px; 
	text-align: left; 
	border-bottom: 1px solid #e0e9ee;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: move;
}
#bookingCancelRequestForm td {
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
}



#deptDiv {
	border: none;
	width: 200px;
	display:inline-block;
	position: absolute;
	z-index: 9999;
	visibility: hidden;
	
}

#hoursWarning {
	color: #770000;
}

#currentFlags, #showFlags{
	max-height: 175px;
	overflow: auto;
}
#currentFlags  .flag {
	margin-top: 2px;
	margin-bottom: 8px;
}
#showFlags  .flag { 
	margin-top: 2px;
	margin-bottom: 8px;
}


#compliancediv {
	position: fixed;	
	visibility: hidden;
	width: 210px;
	height: 220px;
	top: 30%;
	right: 2%;
	border: 1px solid #dddddd;
	z-index: 999;
	font-size: 9pt;
	cursor: pointer;
}
#complianceheader {
	background-color: #000077;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	padding-right: 20px;
	font-size: 9pt;
}
#compliancemsg {
	padding: 10px;
	color: #000055;
	background-image: url('../img/bg.white3.png');
	font-weight: normal;
	font-size: 9pt;
}
#compliancediv:hover {
	border: 1px solid #bbbbbb;
}
#newNote {
	color: #700000;
	background-color:#fffff0; 
	border:1px solid #e0e0c0; 
	padding:3px; 
	width:99%;
}