#Title
{
	background-color: #2E85D8 !important;
}

#AppBtn
{
	background-color: #1A6FC0 !important;
}

#Toolbar
{
	background-color: #2979C6 !important; 		
}

#SearchBar
{
	background-color: #2E85D8 !important;
}

input.btn
{
	background-color: #2e85d8 !important; 
}

div.container
{
	position: fixed;
	top: 130px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 2px;
	background-color: #FFFFFF;
	overflow: auto;
}

#BookingIDEdit
{
	width: 85px;
	height: 38px;
	border: none;
	color: #FFFFFF;
	background-color: #1A5996;
	box-sizing: border-box;
}

#OpenBookingBtn
{
	width: 85px;
	height: 38px;
	line-height: 38px;
	border: none;
	color: #FFFFFF;
	background-color: #42A6C8;
	box-sizing: border-box;
}

#Legend
{
	margin: 4px;
	padding: 2px;
}

div.LegendCaption
{
	float: left;
	margin-left: 5px;
	font-family: "COpenSans";
	font-size: 11pt;
	font-weight: bold;
	color: #5C5B5B;
}

div.LegendWaitingApproval
{
	float: left;
	margin-left: 30px;
	width: 16px;
	height: 16px; 
	background-color: #949596;
	border: solid 1px #DBDBDB;
}

div.LegendApproval
{
	float: left;
	margin-left: 30px;
	width: 16px;
	height: 16px; 
	background-color: #5494d1;
	border: solid 1px #3284c4;
}

div.LegendReject
{
	float: left;
	margin-left: 30px;
	width: 16px;
	height: 16px; 
	background-color: #efc472;
	border: solid 1px #e3b355;
}

div.LegendCancel
{
	float: left;
	margin-left: 30px;
	width: 16px;
	height: 16px; 
	background-color: #FFACB8;
	border: solid 1px #EF8292;
}

div.LegendConflicted
{
	float: left;
	margin-left: 30px;
	width: 16px;
	height: 16px; 
	background-color: #C91010;
	border: solid 1px #A41111;
}

#ViewToolbar
{
	width: 1220px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #D6D7D9;
}

div.ViewContentFixed
{
	display: block;
	height: 472px;
	margin: 5px;
}

div.ViewContent
{
	display: block;
	margin: 5px;
}

input.TodayBtn
{
	width: 110px;
	height: 40px;
	font-family: "COpenSans";
	font-size: 14pt;
	border: 1px solid #DDE8ED;
	background-color: #F5F7F8;
	color: #727F82;
	box-sizing: border-box;
	border-radius: 3px;
}

.DateLabel
{
	font-family: "COpenSans";
	font-weight: normal;
	font-size: 25pt;
	color: #666666;
	margin-bottom: 20px;
}

div.Calendar
{
	width: 100%;
	height: 100%;
}

/* Day View */
div.CalBorder
{
	padding: 20px;
	border: 1px solid #eeeeee;
}

#DayViewHeader
{
	background-color: #FFFFFF;
}

#DayViewHeader.Stick {
    margin: 0 !important;
    position: fixed;
		top: 132px;
		left: 28px;
		right: 45px;
		z-index: 1000;
}

table.CalDay
{
}

td.CalDayCell
{
	border-right: solid 1px #eeeeee;
	font-family: "COpenSans";
	font-size: 15pt;
	color: #595858;
	background-color: #FFFFFF;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

td.CalDayCellHighlight
{
	border-right: solid 1px #eeeeee;
	font-family: "COpenSans";
	font-size: 15pt;
	color: #595858;
	background-color: #4BAED0;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

td.CalDayCellBold
{
	border-right: solid 1px #eeeeee;
	font-family: "COpenSans";
	font-size: 15pt;
	font-weight: bold;
	color: #595858;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

div.CalResourceName
{
	max-width: 300px;
	font-family: "COpenSans";
	font-size: 15pt;
	font-weight: bold;
	color: #595858;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding-right: 10px;
}

div.CalDaySlot
{
	position: absolute; 
	border: solid 1px #CCCCCC;	
}

div.CalDaySlot a
{
	display: block;
	height: 100%;
	text-decoration: none;
}



/* Weekly and Monthly */

table.CalWeekly
{
	width: 100%;
	height: 100%;
	border: 1px solid #eeeeee;
}

table.CalMonthly
{
	width: 100%;
	height: 100%;
	border: 1px solid #eeeeee;
}

td.CalHeader
{
	background-color: #FFFFFF;
	font-family: "COpenSans";
	font-size: 15pt;
	font-weight: bold;
	color: #595858;
	text-align: center;
	width: 14%;
	height: 78px;
}

b.DayNum
{
	font-family: "COpenSans";
	font-size: 13pt;
	color: #aca9a9;
}

td.CalEmpty
{	
	background-color: #ffffff;
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	font-family: "COpenSans";
	font-size: 14pt;
	color: #999999;
	text-align: right;
	padding: 5px;
}

div.CalTitle
{
	background-color: transparent; 
	text-align: right;
	padding: 5px;
}

a.CalTitleLink
{
	display: block;
	width: 100%;
	font-family: "COpenSans";
	font-size: 14pt;
	color: #010101;
	text-decoration: none;
}

td.CalToday
{
	background-color: #fdfecb;
	vertical-align: top;
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	height: 120px;
}

td.CalToday a
{
	text-decoration: none;
	font-family: "COpenSans";
	font-size: 14pt;
	color: #010101;
}

td.CalCell
{
	background-color: #FFFFFF;
	vertical-align: top;
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	height: 120px;
}

div.CalData a
{
	text-decoration: none;
	color: #ffffff;
	font-family: "COpenSans";
	font-size: 12pt;
}

div.CalSlotEmpty
{
	margin: 2px;
	height: 28px;
	line-height: 28px;
}

div.CalSlotFull
{
	margin: 2px;
	border: none;
	border-radius: 5px;
	height: 28px;
	line-height: 28px;
}

div.CalSlotLeft
{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 0px;
	border: none;
	border-radius: 5px 0px 0px 5px;
	height: 28px;
	line-height: 28px;
}

div.CalSlotMiddle
{
	margin-top: 2px;
	margin-bottom: 2px;
	border: none;
	height: 28px;
	line-height: 28px;
}

div.CalSlotRight
{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 2px;
	border: none;
	border-radius: 0px 5px 5px 0px;
	height: 28px;
	line-height: 28px;
}

/* List */
b.CalGridCell
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF;
}

/* Dialog */
#ApprovalDialog
{
	display: none;
	position: absolute;
	z-index: 1002;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 600px;
	margin-left: -350px;
	margin-top: -300px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}

#CommentDialog
{
	display: none;
	position: absolute;
	z-index: 1003;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 580px;
	margin-left: -300px;
	margin-top: -290px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}

#OpenBookingDialog
{
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 360px;
	margin-left: -250px;
	margin-top: -180px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}

/* Wizard */
#Wizard
{
	display: none;
	position: absolute;
	z-index: 1001;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 650px;
	margin-left: -500px;
	margin-top: -325px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}

.PageTitle
{
	font-family: "COpenSans";
	font-size: 18pt;
	font-weight: bold;
	color: #F04187;
	margin-bottom: 10px;
}

#PeriodPnl
{
	float: left;
	margin-left: 30px;
	width: 320px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

div.RecurringCaption
{
	width: 400px;
	padding: 5px;
	border: solid 1px #CC3333;
	background-color: #FFFFFF;
	font-family: "COpenSans";
	font-size: 14pt;
}

label.WizardHeader
{
	font-family: "COpenSans";
	font-size: 12pt;
	font-weight: bold;
	color: #999999;
}

span.WizardHeader
{
	font-family: "COpenSans";
	font-size: 12pt;
	color: #999999;
}

a.WizardTreeLink:Link, a.WizardTreeLink:Visited, a.WizardTreeLink:Active 
{
  font-family : "COpenSans";
  font-size : 12pt;
  font-style : normal;
  font-weight : normal;
	color : #595858;
  text-decoration: none;
}

a.WizardTreeLink:Hover 
{
  font-family :"COpenSans";
  font-size : 12pt;
  font-style : normal;
  font-weight : bold;
	color : #CCCCCC;
  text-decoration: none;
}

ul.ServiceItem
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.ServiceItem li
{
	font-family :"COpenSans";
  font-size : 12pt;
	color: #737272;
}

/* Resource Approval */
input.UnapprovedBtn
{
	height: 48px;
	font-family: "COpenSans";
	font-size: 17pt;
	color: #FFFFFF;
	background-image: url(../images/BarUnapproved.png);
	border: none;
}

input.ApproveBtn
{
	height: 48px;
	font-family: "COpenSans";
	font-size: 17pt;
	color: #FFFFFF;
	background-image: url(../images/BarApproved.png);
	border: none;
}

input.RejectBtn
{
	height: 48px;
	font-family: "COpenSans";
	font-size: 17pt;
	color: #FFFFFF;
	background-image: url(../images/BarRejected.png);
	border: none;
}

input.ApprovalDetailBtn
{
	height: 48px;
	font-family: "COpenSans";
	font-size: 17pt;
	color: #FFFFFF;
	border: none;
}

/* Old */
.BarLabel
{
	font-family: Calibri;
	font-weight: normal;
	font-size: 11pt;
	color: #000000;
}

.SlotHeader
{
	width: 120px;
	height: 40px;
	overflow: hidden;
	font-family: Calibri;
	font-size: 11pt;
	color: #000000;
}

.Slot
{
	width: 120px;
	overflow: hidden;
	font-family: Calibri;
	font-size: 11pt;
}

a.CalLink
{
	text-decoration: none;
	color: #000000;
	font-family: Calibri;
	font-size: 8pt;
}

div.TimetableDialog
{
	position: absolute;
	z-index: 1002;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 500px;
	margin-left: -350px;
	margin-top: -250px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}

div.RecipientDialog
{
	position: absolute;
	z-index: 1002;
	background-color: #FFFFFF;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-left: -400px;
	margin-top: -300px;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px #666666;
	border-radius: 5px;
}